uniapp 分包--上传功能

深藏阁楼爱情的钟 2021-09-03 09:11 847阅读 0赞

## 一、问题 ##

通过HBuilder X-->发行-->小程序--微信(...)后，微信小程序提示上传失败。

## 二、原因 ##

小程序上传项目大小限制为： 单包2M  总包8M

## 三、解决 ##

[uniapp 分包][uniapp]

分包时遇到的问题：
    	1、安装 copy-webpack-plugin 时，提示 webpack 不存在，需要安装。
    	调查后才知道，现在的项目是同事通过 HBuilderX 可视化界面创建的
    	即没有package.json，也没有 webpack 配置。
    	解决：项目工程互换，把原来的工程换位 vue-cli 创建的

[uni-app HBuilderX 工程与 vue-cli 工程相互转换][uni-app HBuilderX _ vue-cli]  
互换前，可根据 uniapp 官网提供的 [快速上手][Link 1] 构建工程

2、分包之后，上传文件时，提示主包2389kb，还是太大
    最后对主包文件夹里面的图片进行压缩，不影响图片观看的情况下。

## 四、完成之后结果 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbjI2MzM2NA_size_16_color_FFFFFF_t_70]

分包上传完成，大致上遇见的问题都在这里面。

## 五、进一步压缩 ##

配置项里面没有进行上传代码压缩  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbjI2MzM2NA_size_16_color_FFFFFF_t_70 1]  
选中之后，代码会更小  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbjI2MzM2NA_size_16_color_FFFFFF_t_70 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbjI2MzM2NA_size_16_color_FFFFFF_t_70 3]

[uniapp]: https://blog.csdn.net/weixin_45077178/article/details/103581172
[uni-app HBuilderX _ vue-cli]: https://ask.dcloud.net.cn/article/35750
[Link 1]: https://uniapp.dcloud.io/quickstart?id=_2-%E9%80%9A%E8%BF%87vue-cli%E5%91%BD%E4%BB%A4%E8%A1%8C
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbjI2MzM2NA_size_16_color_FFFFFF_t_70]: /images/20210804/271714571b1942d09dfe83048bf05bd6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbjI2MzM2NA_size_16_color_FFFFFF_t_70 1]: /images/20210804/2a091b5343f54a889c0060cf31520f5f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbjI2MzM2NA_size_16_color_FFFFFF_t_70 2]: /images/20210804/8487a232919f49388e083af10188ed1f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbjI2MzM2NA_size_16_color_FFFFFF_t_70 3]: /images/20210804/ceba6b208c574c3dac3a2f76868d78d2.png