如何减小Vue.js打包体积？
- 内容介绍
- 文章标签
- 相关推荐
本文共计794个文字，预计阅读时间需要4分钟。
问题+由于这次项目是初学Vue后的第一个正式项目，没有考虑到类似路由懒加载、按需加载等问题，所以也算是没有经验。到了这些天，项目写得差不多了，准备放到服务器上测试。
问题
由于这次项目是在初学 Vue 之后的第一个正式项目，没有考虑到类似 路由懒加载、 按需加载的问题 ，所以呢，也算是没经验。
到了这些天，项目写得差不多了，准备放到服务器测试，才发现这个问题。
优化前：
app.js 2.3MB vendor.js 2.4MB vendor.css 612kB app.js.map 9.13MB vendor.js.map 16.21MB //不一一列举....
优化
接下来看看优化方法。
优化步骤1： 不生成.map文件
在 webpack.prod.cong.js 文件下，修改配置项 sourceMap 设置为 false 或者删除：
new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false }, // sourceMap: true //将sourceMap关闭就不会打包出.map文件 }),
这样的话，开发环境就不会生成 .map 文件。
本文共计794个文字，预计阅读时间需要4分钟。
问题+由于这次项目是初学Vue后的第一个正式项目，没有考虑到类似路由懒加载、按需加载等问题，所以也算是没有经验。到了这些天，项目写得差不多了，准备放到服务器上测试。
问题
由于这次项目是在初学 Vue 之后的第一个正式项目，没有考虑到类似 路由懒加载、 按需加载的问题 ，所以呢，也算是没经验。
到了这些天，项目写得差不多了，准备放到服务器测试，才发现这个问题。
优化前：
app.js 2.3MB vendor.js 2.4MB vendor.css 612kB app.js.map 9.13MB vendor.js.map 16.21MB //不一一列举....
优化
接下来看看优化方法。
优化步骤1： 不生成.map文件
在 webpack.prod.cong.js 文件下，修改配置项 sourceMap 设置为 false 或者删除：
new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false }, // sourceMap: true //将sourceMap关闭就不会打包出.map文件 }),
这样的话，开发环境就不会生成 .map 文件。