使用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代碼確實被壓縮了。