共计 514 个字符，预计需要花费 2 分钟才能阅读完成。
背景：我的项目越来越大，没有网络的环境
1. 打包优化前
Size: 57M
Time: 97983ms
2. 优化 productionSourceMap 如下
Vue 我的项目打包当前，会呈现很多的已.map 结尾的文件，这个文件其实次要是用来追踪谬误的。如果运行有问题，能提醒你代码第几行有问题。在生产环境中很显著这个是不须要的。
所以找到 config 文件夹下的 index.js. 找到 productionSourceMap:true, 将 true 改为 false. 这样就能缩小不必要的文件。
config/index.js 文件批改如下
productionSourceMap:false;
或者动静批改
const isProduction = process.env.NODE_ENV === ‘production’
productionSourceMap: !isProduction,
Size: 34.6M
Time: 73113ms
其它办法：
路由懒加载（已用）、CDN 引入也能够优化打包体积和速度
亲测有效或作用不大的办法如下：
CSSM 模块化：将 webpack.prod.conf.js 中 设置 css allChunks 字段变为 false，这一步就是将所有的 css 文件进行拆分。
正文完