Телеграмм чат группы sveltejs страница 4839

Size: a a a

Svelte [svelt]

2020 September 02

      {
        // Styles
        test: /\.(sa|sc|c)ss$/,
        exclude: /node_modules/,
        include: /src/,
        use: [
          "style-loader",
          MiniCssExtractPlugin.loader,
          "css-loader",
          "postcss-loader",
          //'sass-loader',
        ],
      },

минцсс эксракт и style-loader не должны вместе использоваться

источник

18:17пожаловаться #1

КС

Кирилл Спасибович... in Svelte [svelt]

надо типа как-то так

      {
        // Styles
        test: /\.(sa|sc|c)ss$/,
        exclude: /node_modules/,
        include: /src/,
        use: [
          prod ? MiniCssExtractPlugin.loader : "style-loader",
          "css-loader",
          "postcss-loader",
          //'sass-loader',
        ],
      },

источник

18:18пожаловаться #2

КС

Кирилл Спасибович... in Svelte [svelt]

а шрифты вроде обычный file loader должен втыкать, ему ж с ними ниче делать не надо

источник

18:18пожаловаться #3

КС

Кирилл Спасибович... in Svelte [svelt]

просто путь походу не такой как ожидается

источник

18:18пожаловаться #4

Alexander Ponomarev in Svelte [svelt]

Константин

      {
        // Styles
        test: /\.(sa|sc|c)ss$/,
        exclude: /node_modules/,
        include: /src/,
        use: [
          "style-loader",
          MiniCssExtractPlugin.loader,
          "css-loader",
          "postcss-loader",
          //'sass-loader',
        ],
      },

а url-loader разрешено жрать .eot файлы?

источник

18:21пожаловаться #5

Константин in Svelte [svelt]

Alexander Ponomarev

минцсс эксракт и style-loader не должны вместе использоваться

они и не используются же. Там прод в одном случае

источник

18:21пожаловаться #6

Константин in Svelte [svelt]

{
test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
loader: 'url-loader',
options: { limit: 100000, mimetype: 'application/font-woff' }
},

источник

18:21пожаловаться #7

Alexander Ponomarev in Svelte [svelt]

еот то не обрабатывается

источник

18:22пожаловаться #8

Константин in Svelte [svelt]

{
// Images
//test: /\.(gif|png|jpe?g)$/,
test: /\.(ttf|eot|svg|png|jpe?g|gif|ico)(\?.*)?$/i,
exclude: /node_modules/,
include: /src/,
use: {
loader: "file-loader",
},
//loader: 'file-loader'
},

источник

18:22пожаловаться #9

Константин in Svelte [svelt]

а это файл-лоадер

источник

18:22пожаловаться #10

Константин in Svelte [svelt]

Alexander Ponomarev

еот то не обрабатывается

а, нужно eot и остальные шрифты добавить в урллоадер?

источник

18:23пожаловаться #11

Alexander Ponomarev in Svelte [svelt]

нет зависит от того что хотим добиться, url-loader делает dataurl, а file-loader копирует файл в аутпут директори и заменяет импорт на путь к файлу

источник

18:24пожаловаться #12

Alexander Ponomarev in Svelte [svelt]

по идее все правильно настроено

источник

18:24пожаловаться #13

Alexander Ponomarev in Svelte [svelt]

ща еще почитаю

источник

18:25пожаловаться #14

Константин in Svelte [svelt]

хм... а может, дело в последовательности?

источник

18:26пожаловаться #15

Константин in Svelte [svelt]

у меня свелт, потом файл, потом цсс, потом урл

источник

18:26пожаловаться #16

Alexander Ponomarev in Svelte [svelt]

попробуй сначала выкинуть из цсс пайплайна style-loader и пересобрать

источник

18:28пожаловаться #17

Константин in Svelte [svelt]

только "style-loader", ?

источник

18:28пожаловаться #18

Константин in Svelte [svelt]

собираю

источник

18:30пожаловаться #19

Alexander Ponomarev in Svelte [svelt]

да, а для css-loader еще опции добавить

          {
            loader: 'css-loader',
            options: {
              importLoaders: 1,
              // 0 => no loaders (default);
              // 1 => postcss-loader;
              // 2 => postcss-loader, sass-loader
            },
          },

источник

18:30пожаловаться #20