乐趣区

关于前端:vue2x打包减小文件加快速度

背景:我的项目越来越大,没有网络的环境

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 文件进行拆分。

退出移动版