引用elementUi 字体文件丢失导致图标都显示小方块

时间：2024-03-13 21:04:30

引用elementUi 控制台报错字体文件丢失 ， 检查后发现是打包后css文件的引用路径出现问题，做出以下修改

在webpack.base.config.js中修改url-loader

1       {
2         test: /\.(woff2?|eot|ttf|otf|woff)(\?.*)?$/,
3         loader: \'url-loader\',
4         options: {
5           limit: 10000,
6           name: utils.assetsPath(\'fonts/[name].[hash:7].[ext]\')
7         }
8       }，

 


     修改utils.js ，ExtractTextPlugin的publicPath的路径

 1     // Extract CSS when that option is specified
 2     // (which is the case during production build)
 3     if (options.extract) {
 4       return ExtractTextPlugin.extract({
 5         use: loaders,
 6         fallback: \'vue-style-loader\',
 7         publicPath: \'../../\'
 8       })
 9     } else {
10       return [\'vue-style-loader\'].concat(loaders)
11     }

 


 
————————————————
原文链接：https://blog.csdn.net/a578024797/article/details/103402807

相关文章