vue项目打包上线后,首次打开会发现加载很慢,出现白屏的问题,
一、问题原因
打开控制台查看文件加载情况,会发现app.js/vendor.js这两个文件加载时间较长
二、解决办法
1、图片压缩
使用webpack打包文件时,可以看到图片资源显示过大,使用工具进行压缩
2、去掉.map文件
webpack打包文件时,会看到有一些.map文件生成
修改:
找到config文件夹下的index.js文件,build里边的productionSourceMap值改为false即可
3、CDN外部加载
在项目开发中,会用到很多第三方库,如果可以按需引入,只需要引入自己需要的组件,减少所占空间,