返回博客

Webpack 引入 SVG 文件

公司脚手架缺少加载 SVG 图标功能,导致引入 SVG 图片失败。本文介绍使用 webpack 的 file-loader 解决此问题。

Mt.r
|

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

解决方法

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

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

后记

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