Vue中在main.js中引入字体图标问题

在使用webpack-simple搭建项目的情况下:

引入icomoon制作出来的字体图标文件报错

 

解决办法:要在webpack.config中配置字体图标

配置字体图标文件 在webpack.config.js中配置file-loader

 1 {
 2               test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,
 3               loader: 'file-loader'
 4 }
 5 
 6 {
 7     //默认的 test: /\.(png|jpg|gif|svg)$/,
 8     test: /\.(eot|png|jpg|gif|svg|ttf|woff|woff2)(\?\S*)?$/,
 9     loader: 'file-loader',
10     options: {
11       name: '[name].[ext]?[hash]'
12     }
13 }

 

posted @ 2018-02-05 14:41  Various  阅读(539)  评论(0编辑  收藏  举报