首页 > 代码库 > vue-cli的webpack打包,icon无法正确加载
vue-cli的webpack打包,icon无法正确加载
今天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无法正确加载
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。