首页 > Web开发 > 详细

vue-cli的webpack打包,icon无法正确加载

时间:2017-07-20 17:05:50      阅读:618      评论:0      收藏:0      [点我收藏+]

今天vue-cli打包完发现加载不出font awesome;路经和奇怪,js,css,img都正确加载;

首先正确加载静态资源需要将config中的index.js中publicPath:‘./‘;

而font awesome的坑再于webpack对文件打包大小有限制(此处怪我没有好好学webpack);

而我发现我的font文件打包后竟有400k!!!!!

需要修改webpack.bace.conf.js中代码

{
    test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
    oader: ‘url-loader‘,
    options: {
    limit: 800000,
    name: utils.assetsPath(‘fonts/[name].[hash:7].[ext]‘)
}

bingo!!!

vue-cli的webpack打包,icon无法正确加载

原文:http://www.cnblogs.com/ericwangz/p/7211954.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!