Webpack 引入 SVG 文件

公司的脚手架竟然没有加载 svg 图标功能？导致我引入 svg 图片失败。

解决方法#

webpack 用 file-loader 引入 svg 图标文件

module.exports = {
  module: {
    rules: [
      {
        test: /\.svg/,
        use: ['file-loader'],
      },
    ],
  },
};
Copy

后记#

当然，用 url-loader 应该也有效果。但是由于我不知道公司的脚手架内部的 url-loader 配置是什么样的，所以我没有覆盖 url-loader 的配置。