Webpack 3: Как добавить опции в цепочечный загрузчик? - PullRequest
0 голосов
/ 04 июля 2019
// ...    
const webpack = require('webpack');

module.exports = function config(env, argv = {}) {
  return {
    // ...
    module: {
      loaders: [
        {
          test: /\.jsx?$/,
          include: APP_DIR,
          loader: ['babel-loader', 'eslint-loader'],
        },
        {
          test: /\.css$/,
          include: APP_DIR,
          loader: 'style-loader!css-loader',
        },
        {
          test: /\.scss$/,
          include: APP_DIR,
          loaders: [
            'style-loader',
            'css-loader', // <- is this the same thing as chaining?
            {
              loader: 'sass-loader', // <- is this the method?
              options: {
                implementation: dartSass,
              },
            },
          ],
        },
        {
          test: /\.svg$/,
          loader: 'babel-loader!react-svg-loader?' + JSON.stringify({ // <- this doesn't work
            options: {
              svgo: {
                plugins: [
                  { removeTitle: false }
                ],
              },
            },
          }),
        },
      ],
    },
  };
};

Редактировать: Так что мне нужно сделать, это добавить

          options: {
            svgo: {
              plugins: [
                { removeTitle: false },
              ],
            },
          },

до react-svg-loader при сохранении цепочки

1 Ответ

0 голосов
/ 04 июля 2019

Ок, похоже, что он работает как в документах ... Я думал, что это был только синтаксис webpack4, но, видимо, не ... плохо. https://www.npmjs.com/package/react-svg-loader

{
  test: /\.svg$/,
  use: [
    "babel-loader",
    {
      loader: "react-svg-loader",
      options: {
        svgo: {
          plugins: [
            { removeTitle: false }
          ],
        },
      },
    },
  ],
},
...