将引用的外部js、css文件剥离开来,不编译到vendor.js中,而是用资源的形式引用,这样浏览器可以使用多线程异步将vendor.js、外部的js等加载下来,达到加速首开的目的。外部的库文件,可以使用CDN资源,或者别的服务器资源等。
1、大小文件定位:我们可以使用webpack可视化插件Webpack Bundle Analyzer 查看工程JS文件的大小,然后有目的的解决过大的JS文件。
2、路由的按需加载。
3、将JS文件引入方式放在body的最后。
4、用文档的CDN文件代替npm安装包,用文档的CDN文件代替,而不用打包到vendor.js里面去。
网友评论