合并插件

•Npm install gulp-concat —save-dev
•var concat=require(“gulp-concat”);//引用•
•接下来 只要 concat(“xxx.js”)就算合并了。注意此时在内存中生成•
•前面我们学过管道的概念因此整合代码非常简单
gulp.src([这里写上js]).pipe(concat(“xxx.js”).pipe(gulp.dest(“目录”))

var concat=require(‘gulp-concat’); //引用
**
代码:_**

  1. var gp=require("gulp");
  2. var gulp_concat=require('gulp-concat'); //引用
  3. gp.task('task1',done=>{
  4. gp.src(['1.js','2.js']) // 读取要合并的两个js
  5. .pipe(gulp_concat('main.js')) // 合并到main.js里
  6. .pipe(gp.dest('./build/js')); // 存到 build
  7. // gp.src(['*.css']).pipe(gp.dest('./build/css')); // 将所有css文件 通过dest管道函数放到build/css里
  8. done()
  9. })

压缩插件

npm install gulp-uglify —save-dev
光合并并没啥卵用,我们还需要压缩,减少网络传输
这个插件就更简单了
var uglify=require(“gulp-uglify”);
uglify() 即可,参数都不要

  1. var gp=require("gulp");
  2. var gulp_concat=require('gulp-concat'); //引用
  3. var gulp_uglify=require('gulp-uglify');
  4. gp.task('task1',done=>{
  5. // gp.src(['*.js','!gulpfile.js']).pipe(gp.dest('./build/js')); // 将除了gulpfile以外的所有js通过dest管道函数放到build/js里
  6. gp.src(['1.js','2.js']) // 读取要合并的两个js
  7. .pipe(gulp_concat('main.js')) // 合并到main.js里
  8. .pipe(gulp_uglify())
  9. .pipe(gp.dest('./build/js')); // 存到 build
  10. gp.src(['*.css']).pipe(gp.dest('./build/css')); // 将所有css文件 通过dest管道函数放到build/css里
  11. done()
  12. })

var gulp_uglify=require(‘gulp-uglify’);
.pipe(gulp_uglify()) 此两行代码