如何解决uni-app编译后 vendor.js 文件过大

uni-app编译后vendor.js文件过大

前景

采用uni-app开发的微信小程序,发布时工具提示vendor.js过大,已经跳过es6向es5转换。查看后发现编译后代码中common/vendor.js已超过500k,所以需要体积控制。

  • HBuilderX创建的项目勾选运行–>运行到小程序模拟器–>运行时是否压缩代码
  • 使用cli创建的项目,可以在pacakge.json中添加参数–minimize,示例:“dev:mp-weixin”: “cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build –watch –minimize”

运行后发现

vendor.js文件减少到了二百多k。

小程序分包后vendor还是过大

使用分包之后会发现遇到了一个奇怪的问题,子包的组件和js文件会被打包到主包的vendor.js文件中,这就导致了vendor.js过大引起主包超过2M

打开manifest.json —> 源码视图 —> mp-weixin节点下

添加以下代码

"optimization": {
    "subPackages": true
}

会发现分包的js文件将不会再打包到主包的vendor.js中了,亲测管用

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

  • 使用vue打包时vendor文件过大或者是app.js文件很大的问题
  • 解决vue打包后vendor.js文件过大问题
  • 基于vue-cli npm run build之后vendor.js文件过大的解决方法
页面下部广告
分类: