Webpack 字体图标显示异常问题排查与解决
在使用 Webpack 打包项目时，如果自定义配置与 Vue CLI 默认配置冲突，可能会导致字体图标显示异常。例如，手动添加以下代码到 webpack.base.conf.js 文件中，会导致字体图标无法正常显示：
{ test: /.(eot|svg|ttf|woff2)(?S*)?$/, loader: 'file-loader' }
这是因为 Vue CLI 生成的配置文件已经包含了处理字体图标文件的规则，手动添加的配置会与其冲突。删除上述代码即可解决问题。
文件大小：40.75KB
评论区