gulp

使用 gulp 压缩 js 文件

初始化项目

bash

npm init -y

安装依赖包

bash

npm i gulp gulp-uflify gulp-rename gulp-notify

编写gulpfile.js文件

const gulp = require('gulp')
const uglify = require('gulp-uglify')
const rename = require('gulp-rename')
const notify = require('gulp-notify')

// 压缩js代码
function minjs() {
  return gulp
    .src('js/*.js')
    .pipe(uglify({ mangle: true, compress: true }))
    .pipe(rename({ extname: '.min.js' }))
    .pipe(gulp.dest('dist/js'))
    .pipe(notify({ message: '压缩完成' }))
}

module.exports = { minjs }

更新 package.json script 脚本

json

"scripts": {
	"minjs": "gulp"
}

使用方式：

在项目根目录下创建 js 文件夹（需要压缩的文件需要放到此文件夹内）
使用命令行输入 gulp minjs。运行成功后会在 dist/js 文件夹中生成压缩好的 js 代码并有系统级的提示

INFO

gulp-uflify 包用于压缩 js 代码
gulp-rename 用于给压缩后的文件重新命名
gulp-notify 用于压缩好后进行提示（系统级提示）

gulp ​

使用 gulp 压缩 js 文件 ​

gulp

使用 gulp 压缩 js 文件