在vue+cli项目中使用iview组件和icon图标。打包后图标不显示。解决方法：1、找到build文件夹下的utils.js文件，将publicPath改为../../if(options.extract){returnExtractTextPlugin.extract({publicPath:'../../',use:loaders,fallback:'vue-style-loader'})}else{return['vue-style-loader'].concat(loaders)}2.在build中找到webpack.prod.conf.js文件文件夹，修改extract为falsemodule:{rules:utils.styleLoaders({sourceMap:config.build.productionSourceMap,extract:false,usePostCSS:true})}，如果以上两种方案都没有解决，找到iview.css文件查看iview.css中引入的字体图标地址是否正确@font-face{font-family:Ionicons;src:url(../font/ionicons.eot?v=2.0.0);src:url(../font/ionicons.eot?v=2.0.0#iefix)格式("embedded-opentype"),url(../font/ionicons.ttf?v=2.0.0)格式("truetype"),url(../font/ionicons.woff?v=2.0.0)格式("woff"),url(../font/ionicons.svg?v=2.0.0#Ionicons)格式("svg");字体粗细：400；字体样式：正常}
