日常开发记录打卡系列--让你的Vue项目感受特殊服务

这个特殊服务就是让我们的Vue项目够快 体验如丝般顺滑的加载速度。不要想歪了。

相信大家在开发Vue较中型的项目时会发现 首屏加载真特么慢，特别是引用了一些插件和UI框架的

run build的时候会有三个主要的JS文件

app.js是入口js     <包含了我们所有写的业务JS>

vendor则是通过提取公共模块插件来提取的代码块   

manifest则是在vendor的基础上，再抽取出要经常变动的部分，比如关于异步加载js模块部分的内容。

相信很多朋友引入一些 轮播 路由 或其他UI框架的时候

vendor构建出来的至少1.几M以上

也是首屏加载缓慢的一个罪魁祸首

在大家开始进行项目优化时。可以在本地安装一个依赖webpack-bundle-analyzer
 

npm install --save-dev webpack-bundle-analyzer

装完之后 不用任何script

npm run build --report

成功后大家可以看到一个图形化的界面