reactjs - 将resourceQuery 与Webpack v3.8.1 结合使用

Question

我想加载一些.svg文件直接进入 DOM进入<svg>标签。区分.svg应使用 svg-sprite-loader 以这种方式加载的文件以及那些应该作为带有 file-loader 的文件加载的文件，我打算使用resourceQuery .

我的webpack.config.dev.js中有这个

      {
        test: /\.svg$/,
        oneOf: [
          {
            resourceQuery: /sprite/,
            use: require.resolve('svg-sprite-loader'),
          },
          {
            use: {
              loader: require.resolve('file-loader'),
              options: {
                name: 'static/media/[name].[hash:8].[ext]',
              },
            }
          }
        ],
      }

在我的一个文件中，有以下内容:

import '../../../images/dropdown.svg?sprite';

我经常遇到以下错误:

Unable to resolve path to module '../../../images/dropdown.svg?sprite'  import/no-unresolved

我不确定什么是不正确的。请帮忙解决。

Answer 1

正如@PlayMa256建议的那样，忽略eslint-error:

    "import/extensions": 0,
    "import/no-unresolved": 0,

在.eslintrc