引言在uniapp上开发调试微信小程序时,随着项目体积的增大,代码无法上传到小程序上。 基本上是因为小程序有体积和资源加载限制。
微信程序各项分包大小为2M,总体积不得超过20M。
实现1 .现有项目模块分包
2. 存放格式
image文件夹下包含相应模块下的静止图像。 公共图像仍存储在默认静态文件夹中。
3 .放置要将图像复制到的位置,然后在根目录下创建新的vue.config.js文件。 内容如下。 (需要先执行。 NPM安装复制网络包插件@5.1. 1
)
constpath=require(path ) (constcopywebpackplugin=require ) copy-webpack-plugin ) )。 module.exports={ configure web pack : } plugins : [ newcopywebpackplugin ] o : path.join (_ dirname '/un packagagin ' build' : 'dev ',process.env.UNI_PLATFORM,'/' ) }]}4.vendor.js太大时可以使用运行时压缩代码
5 .对项目中图像的处理:仅指分包下存储的静态文件
image src='/pages/admin/wjdc.png '/image///ifdef H5 background-image 3360 URL (/pages/admin/background.) //# endif//# ifndef H5后台- image : URL (/image/pages/admin/background.png ); //#endif
如果background-image仍然无效,建议使用base64 6.打包并上传
以上为笔者的浅知,如有不对,欢迎指正