uniapp 体积优化秘技

uniapp 体积优化秘技

这个方法很简单很有效，只有一句话「不要在 main.js 中加任何一行代码」

下面是我的一个示例

之前这个 main.ts 中还有很多其他杂七杂八的东西，预览的时候体积是 2321KB。都没有办法预览

全部移动到其他地方之后体积降到了 2138KB 虽然还是没有办法预览但体积确实减小了。

编译之后的体积也会有大幅缩小。

原理

uni-app 会将 main.js 中的代码 copy 一份到所有的 生成后的 js 文件中，这是没有必要的，我们将这些代码移动到其他文件然后被打包到 vendor.js 就可以避免这个问题。

即便你 main.js 中之前只有 30 行其他代码，但使用这个方法之后也会得到可观的体积优化。

这个方法我在两个项目中使用到了，即使编译后体积也有 100KB 以上的优化，当然这个优化的大小取决于你 main.js 中的代码数。如果你的项目中 main.js 中有很多代码的话这个方法值得一试！

by 崮生 from 崮生 • 一些随笔
本文欢迎分享与聚合，全文转载未经授权（ 联系我）不许可 。