gulp压缩文件

gulp

1. 用自动化构建工具增强你的工作流程。
2. gulp 将开发流程中让人痛苦或耗时的任务自动化，从而减少你所浪费的时间、创造更大价值。
3. 基于 node 强大的流(stream)能力，gulp 在构建过程中并不把文件立即写入磁盘，从而提高了构建速度。

在这里我们了解一下它压缩文件

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

[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"
}

2. 安装依赖 npm install
3. 创建 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'))
  );
});
//default 是给你的任务起的名字
gulp.task('default', gulp.series('script'));

4. 执行 gulp 命令
   cmd 执行 gulp default