# 编写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文件的合并的先后顺序