uniapp本地开发小程序代码超过2M,不能预览和真机调试解决办法
参照官方文档uniapp官方文档
做出了如下调整:
看了一下项目是因为生成的公共代码过大,vendor.js有1M多,根据文档,开启了运行时压缩
发现还是不行,后面发现是要改变运行方式,不能用之前的运行->运行到小程序模拟器来执行,否则不会生效
改成终端的方式运行,运行->运行到终端,选择 dev:mp-weixin,然后在微信开发工具打开dev中的代码预览就好了
如果包的内容过大,可以参照官方文档,做分包处理
做分包处理,需要注意官方的文档,需要在manifest,json,加上"optimization":{“subPackages”:true}才能释放分包资源
如果vendor.js很大,可以安装webpack-bundle-analyzer插件查看文件大小再去优化,在vue.config文件配置,使用的时候在打包命令后面加 --report字段,比如:“dev:mp-weixin”: “cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize --report”,便可以在打包的时候查看各个文件大小,我分析了之后主要还是因为本地图片没有压缩过,暂用挺大空间,后面在保证图片清晰的前提下压缩了图片,减少了vendor.js的大小
module.exports = { chainWebpack: config => { // 查看打包文件体积大小 config .plugin('webpack-bundle-analyzer') .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin); } };
如下图: