1. 程式人生 > >vue-cli的webpack打包,icon無法正確加載

vue-cli的webpack打包,icon無法正確加載

onf 發現 pan ont 資源 ash ons 大小 mit

今天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無法正確加載