使用gulp 压缩js

js 编写后文件太大，可以使用gulp 来进行压缩。

具体步骤如下：

1.创建一个工作目录

在该目录下安装 gulp

npm install gulp

安装gulp-uglify 模块

npm install gulp-uglify

 

2.在工作目录下编写脚本gulpfile.js

var gulp = require('gulp')

var uglify = require('gulp-uglify')

gulp.task('script', done => {
// 1\. 找到文件
gulp.src('js/*.js')
// 2\. 压缩文件
.pipe(uglify())
// 3\. 另存压缩后的文件
.pipe(gulp.dest('dist/js'))

done()
})

这个代码的意思是，创建一个script 的任务

1.这个任务先找到 src 目录下的 后缀为 js 的文件

2.将文件进行压缩

3.将文件另存到dist/js 目录下。

 

3.编写需要压缩的代码 a.js

function demo (msg) {
    alert('--------\r\n' + msg + '\r\n--------')
}

demo('Hi')

 

4.执行任务

在工作目录下执行 gulp script 意思是，gulp 会去查找 gulpfile.js 文件，并执行 script 的任务。

 

5.在dist/js 下找到 a.js 

function demo(n){alert("--------\r\n"+n+"\r\n--------")}demo("Hi");

发现js代码确实被压缩了。