小程序提示"以下文件体积超过 500KB,已跳过压缩以及 ES6 转 ES5 的处理"

2020-12-14 12:15:26

[JS 文件编译错误] 以下文件体积超过 500KB,已跳过压缩以及 ES6 转 ES5 的处理

现象:
微信开发者工具中代码编译提示 common/vendor.js 超过 500K。

这时候需要将过大的js文件压缩。

解决办法:
可以使用gulp进行压缩。

  1. 新建一个用于压缩的目录,在目录内创建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"
}
  1. 安装依赖
npm install
  1. 创建 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'));
  1. 执行 gulp 命令压缩文件

然后在 dist 目录下就可以找到你需要的 js 了。

最后把过大的文件替换掉就可以了。

本文链接:
版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-ND 3.0 许可协议。可自由转载、引用,但需署名作者且注明文章出处。如转载至微信公众号,请在文末添加作者公众号二维码。

扫描下方二维码阅读当前文章

浏览器、微信扫码
微信小程序

评 论:

好文推荐
极客之路公众号
三百人技术交流群
探讨前端、小程序正逆向、爬虫...
学习交流&商务合作
scan to see more 😏
微信情报 更多 >
    每天进步一点点~