有没有遇到npmrunbuild打包后项目在线运行时资源文件(图片、图标)不显示的问题?接下来我就给大家分享一下我的解决方法吧~1。查看打包后的dist中的css文件打开这个文件后会觉得头晕,因为里面全是打包压缩的css代码,不过没关系,关键字搜索url查看url路径是否匹配正确对比后惊奇发现!!!所以在url路径前加上../../是可以的,但是很麻烦。每次包装后是否需要进行二次加工?不是!!!2、自动添加../../的方法打开build/utils.js,查看publicPath值是否正确,并进行相应的配置!如果(options.extract){returnExtractTextPlugin.extract({use:loaders,fallback:'vue-style-loader',publicPath:'../../'})}else{return['vue-style-loader'].concat(loaders)}配置完成后npmrunbuild会自动匹配打包后的正确路径,无需手动修改,最终解决项目打包后图片/图标/字体不显示的问题~欢迎大家以后互相交流学习~这是我的个人微信
