Webpack：是否可以使用文件加载器加载 svg？如果是，如何？

Question

我想通过 file-loader 使用 webpack 加载我的 svg。这甚至可能吗？如果可以，我该怎么做。

webpack.config.js

test: /\.(jpe?g|png|gif|svg)$/i,
use: [
  {
    loader: 'file-loader',
    options: {
      name:'[name].[ext]',
      outputPath: 'img/',
      publicPath: '../',
    }
  }
]

Answer 1

我有类似的问题。只需将 svg 作为 html 导入，然后作为组件注入到您的模板中。非常适合我。

Answer 2

我发现了我的错，那是因为我从未在我的项目中使用过 svg，所以它从未被编译过。现在文件加载器也编译我的 svg。