[JS 文件编译错误] 以下文件体积超过 500KB，已跳过压缩以及 ES6 转 ES5 的处理
现象：
微信开发者工具中代码编译提示 common/vendor.js 超过 500K。
这时候需要将过大的js文件压缩。
解决办法：
可以使用gulp进行压缩。
- 新建一个用于压缩的目录，在目录内创建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"
}
- 安装依赖
npm install
- 创建
gulpfile.js文件
var gulp = require('gulp');
var uglify = require('gulp-uglify');
// 新建一个‘script’任务用于压缩js文件
gulp.task('script', function () {
// 找到需要压缩的文件
return (
gulp
.src('文件名.js')
// 压缩文件
.pipe(uglify())
// 另存压缩后文件
.pipe(gulp.dest('dist'))
);
});
gulp.task('default', gulp.series('script'));
- 执行
gulp命令压缩文件
image
然后在 dist 目录下就可以找到你需要的 js 了。
最后把过大的文件替换掉就可以了。
