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

Question

I want to load my svg via the file-loader with webpack. Is this even possible and if yes, how do I do that.

webpack.config.js

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

Answer 1

I had similar problem. Just imported svg as html and then injected to your template as component. Worked perfectly for me.

Answer 2

I found my fault, it was because I never used the svg in my project so it never got compiled. Now the file-loader compiles my svg too.