弁言前次讲到在一个 vue-cli 的老形状中,修改 vue.config.js 的以下参数,将打包时辰从 40min ,降到了 12min{ parallel: true, // 多核贬责,按理说默许应该凯旋,但我的文献被蛊惑成了false runtimeCompiler: false, // 固然这是默许值,但我的文献被蛊惑成了true productionSourceMap: false // 不需要坐褥环境的 source map}那么本次陆续进行优化,将从生成文献的经过进举止手。生成文献的近况内容大部分皆是 json 确立文献,顺利使用了 json 赋值写入到了文献中。数目从 50+ 到 200+ 不等,不排斥上千的可能。症状分析领先,写入文献的剧本粗鲁如下:echo "export const ${filename} = ${jsoncontent}" > "${filename}.js"此剧本轮回写入了文献果敢估量一下:json这么的步调,自己的意旨即是js的子集,毕竟它的全称是JSON(JavaScript Object Notation)。也即是说极有可能这份生成的文献,在编译的经过中被剖析了变量名,变量值等的对应联系,一个圆善的剧本。然则,践诺上这些确立文献它的变量名变量值仅在使用时才格外旨,编译时压根无所谓是什么,只好能够带走即可。那么果敢假定还是有了,接下来顺利求证。考证有野心测试机:MacBook Air M3 16G修改之前:按照之前的假定,咱们将写入文献的剧本修改为:echo "export const ${filename} = JSON.parse(\`${jsoncontent}\`)" > "${filename}.js"也即是说咱们写入的是 json 字符串,而非顺利成了一个对象,按理说贬责一个字符串,编译的本事不会有那么大的压力。修改之后:不错看到打包时辰有了显耀的擢升。写在终末终末,这份修改放到了Jenkins的打包剧本中(非腹地环境了),打包时辰从12min亚博体育,镌汰到了 9min。接下来还能陆续操作的优化形状还有减轻剧内容积、依赖分包、构建的缓存等等。等我陆续操作起来。– 迎接点赞、关心、转发、保藏【我码玄黄】亚博体育,各大平台同名。