记一次uni-app 小程序打包因主包太大的优化过程

记得wx小程序大小限制为4m 因写的内容页面多做了分包 分包上限为20m 每个包上限为2m
因小程序分包限制导致打包不能真机浏览不能上传
1:uni.scss少放东西
注意事项 | uView - 多平台快速开发的UI框架 - uni-app UI框架 (uviewui.com)
如果使用了u-view框架注意在文档里的注意事项有大小说明

image.png
2:npm安装方式配置使用按需引入 | uView - 多平台快速开发的UI框架 - uni-app UI框架 (uviewui.com)
3:使用小程序分包
4:图片云化
5:少些页面，尽量一个页面做弹窗实现「因每个页面都会引用一次uni.scss」

如果还是大可以使用gulp可以减少100kb左右
单独走一个项目 npm init ... 并全局安装 npm i gulp -g
package.json

{
  "name": "gulp",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {
    "gulp": "^4.0.2",
    "gulp-uglify": "^3.0.2"
  },
  "devDependencies": {},
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

创建一个文件 gulpfile.js

var gulp = require('gulp');
var uglify = require('gulp-uglify');
// 新建一个‘script’任务用于压缩js文件
gulp.task('script', function () {
  // 找到需要压缩的文件
  return (
    gulp
    .src('**找到打包好的vendor文件绝对路径** /vendor.js')
    // 压缩文件
    .pipe(uglify())
    // 另存压缩后文件
    .pipe(gulp.dest('dist'))
  );
});
//default 是给你的任务起的名字
gulp.task('default', gulp.series('script'));

终端当前目录下运行 gulp 压缩后的文件会在dist出现 替换原有文件