0%

Webpack 引入 svg 文件

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

解决方法

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

1
2
3
4
5
6
7
8
9
10
module.exports = {
module: {
rules: [
{
test: /\.svg/,
use: ['file-loader'],
},
],
},
};

后记

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