Vue 项目优化解决方案 有哪些 ?
1. 打包的时候 , 通过插件把css代码单独抽离出来使用 link 引入
2. 打包的时候 , 通过webpack内置插件optimization 把 公共的js代码抽离出来
ps:打包之后,代码冗余,体积大 ,原因是 相同的模块 在不同的入口之间没有得到复用 ,bundle 之间比较独立 ,bundle就是打包产出的文件 ;
3. 使用 cdn 引入组件库
ps:CDN 的缺点 : 第三方服务器不稳定 ;需要查看CDN的版本号和项目使用的版本号对应 ;配置cdn的时候要直到组件库的全局变量 ;
4. 小图片使用 base64格式
ps:因为使用base64比源文件体积大30%左右,但是好在没有网络开销,大图片就不合适了