vue-cli 打包,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]‘)
}