首页 > 编程知识 正文

h5打包小程序,开发app与开发微信小程序

时间:2023-05-06 06:45:43 阅读:129596 作者:4906

引言在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.打包并上传

以上为笔者的浅知,如有不对,欢迎指正

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。