解决vue项目使用字体的问题——牛逼 后期构建路径

问题：

项目在本地运行情况下显示正常。构建后，几个图标文件引用font-awesome的css文件依赖的路径来报告错误。

在webpack.base.conf.js中，几个文件的配置如下：

{ test: /\。(woff2？|eot|ttf|otf)(\？*)?$/，加载程序：' URL-loader '，选项： { limit : 10000，name : utils。资产路径(' font/[name])。[hash :7]。[ext]')}}解决方案：

对比网上其他大神的配置，发现有些webpack.base.conf.js配置如下：

{ test: /\。(woff2？|eot|ttf|otf)(\？*)?$/，loader: 'url-loader'}注释掉配置中的选项以解决路径问题。

后续：

这种方式是治标不治本的方式，不是问题的关键，但关键应该是脚手架的其他配置。

上面的文章解决了vue项目使用font-awesome的问题，构建后的路径就是边肖和大家分享的所有内容。希望能给大家一个参考，多支持我们。