vue 首页加载缓慢、白屏现象

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