如何制定Vue应用打包体积的优化策略小结？

本文共计1724个文字，预计阅读时间需要7分钟。

Vue-cli3 打包优化方案：项目完成后，打包结果1.18MB，感觉还可以优化。对于追求极致的精简，以下是一些优化方向：

1. 代码分割：合理使用动态import()进行代码分割，按需加载模块。

2.压缩图片：优化图片资源，减少文件大小。

3.压缩JS/CSS：使用webpack的TerserPlugin和CSSMinimizerPlugin进行代码压缩。

4.移除未使用代码：利用webpack的tree-shaking特性，移除未使用的代码。

5.外部库引用：将第三方库如Vue、Element UI等通过CDN引入，减少打包体积。

6.懒加载组件：对于非首屏组件，使用Vue的异步组件实现懒加载。

7.PWA：考虑使用PWA（Progressive Web App）技术，提高加载速度和用户体验。