uniapp编译成小程序代码过大的处理方法

本文已参与[新人创作礼]活动，一起开启掘金创作之路\

小程序内部报[JS 文件编译错误] 以下文件体积超过 500KB，已跳过压缩以及 ES6 转 ES5 的处理。 common/vendor.js\ncommon/vendor.js这个错误。 到了项目后期，发现项目过大，开始优化，这个最好前期根据项目情况提前做好部署，后期优化成本过大。 第一步就是uniapp官网的启用压缩： （1）HBuilderX创建的项目勾选运行–>运行到小程序模拟器–>运行时是否压缩代码 （2）cli创建的项目可以在pacakge.json中添加参数–minimize，示例：“dev:mp-weixin”: “cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize”

如果还是过大的情况，就必须分包处理：
和pages同级新建一个文件夹pagesA，里面在建一个pages文件夹存放页面

在manifest.json-源码视图-给小程序开启分包

"optimization" : { "subPackages" : true }

在新分包的项目文件夹里新建页面list
在分包里导入
在pages.json

 "subPackages": [{
        "root": "pagesA",
        "pages": [{
            "path": "pages/list/list",
            "style": { ...}
        }]
    }]

页面跳转使用

uni.navigateTo({ url: '/pagesA/pages/list/list' })

分包完成，可以去小程序查看分包依赖\

注意：分包里面的静态文件只能在本分包内使用，不可在主包内使用。\