记得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出现 替换原有文件
