reactjs - 在 Webpack v3.8.1 中使用 resourceQuery

Question

我想将一些.svg文件直接加载到DOMinto<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

我不确定什么是不正确的。请帮助通过。

标签： reactjssvgwebpack

Answer 1

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

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

在.eslintrc