Vue.js打包后体积过大的解决办法总结

简介：
本文总结了减小Vue.js项目构建后文件大小的方法，包括代码分割、树摇和压缩等技术，帮助开发者优化应用性能。 由于这是我在初学 Vue 之后的第一个正式项目，在初期并没有考虑到路由懒加载、按需加载等问题，因此可以算是缺乏经验所致。在项目的开发接近尾声并准备部署到服务器进行测试的时候，才发现这些问题。 优化前的状态如下： - app.js: 2.3MB - vendor.js: 2.4MB - vendor.css: 612kB - app.js.map: 9.13MB - vendor.js.map: 16.21MB 接下来，我将介绍优化的方法。 ### 优化步骤一：不生成 .map 文件 在 `webpack.prod.cong.js` 配置文件中，可以通过修改或删除 sourceMap 设置为 false 来实现。