# 編寫js任務
```
npm install --save-dev gulp-concat@2.6.1 //在根目錄下執行(下載js合并插件) 2.6.1
npm install --save-dev gulp-uglify@3.0.1 //在根目錄下執行(下載js壓縮插件) 3.0.1
// npm install gulp-uglify // 這個是沒有指定版本安裝,默認安裝最新的版本
```
```
引入
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
```
```
/**
* 3.注冊了一個js的任務
* */
gulp.task('js', function() {
/**
* 意思是讀取src/js下所有的.js文件
* ** : 代表是src下的任意目錄, 0個或者多個
* */
gulp.src('src/js/**/*.js') /*讀取.js文件*/
.pipe( concat('main.js') ) /*將讀取所有的js文件 合并成一個main.js文件 */
.pipe( gulp.dest('build')) /*將讀取的文件寫到build目錄(沒有會自動新建)*/
.pipe( uglify() ) /*將讀取main.js文件并壓縮main.js文件 */
.pipe( gulp.dest('dist')) /*再將讀取壓縮后的文件寫到dist目錄(沒有會自動新建)*/
});
```
運行gulp js
gulp.src( \['a.js', 'b.js', 'c.js' \] ) 使用數組:可以指定js文件的合并的先后順序