合并插件
•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’); //引用
**代码:_**
var gp=require("gulp");
var gulp_concat=require('gulp-concat'); //引用
gp.task('task1',done=>{
gp.src(['1.js','2.js']) // 读取要合并的两个js
.pipe(gulp_concat('main.js')) // 合并到main.js里
.pipe(gp.dest('./build/js')); // 存到 build
// gp.src(['*.css']).pipe(gp.dest('./build/css')); // 将所有css文件 通过dest管道函数放到build/css里
done()
})
压缩插件
npm install gulp-uglify —save-dev
光合并并没啥卵用,我们还需要压缩,减少网络传输
这个插件就更简单了
var uglify=require(“gulp-uglify”);
uglify() 即可,参数都不要
var gp=require("gulp");
var gulp_concat=require('gulp-concat'); //引用
var gulp_uglify=require('gulp-uglify');
gp.task('task1',done=>{
// gp.src(['*.js','!gulpfile.js']).pipe(gp.dest('./build/js')); // 将除了gulpfile以外的所有js通过dest管道函数放到build/js里
gp.src(['1.js','2.js']) // 读取要合并的两个js
.pipe(gulp_concat('main.js')) // 合并到main.js里
.pipe(gulp_uglify())
.pipe(gp.dest('./build/js')); // 存到 build
gp.src(['*.css']).pipe(gp.dest('./build/css')); // 将所有css文件 通过dest管道函数放到build/css里
done()
})
var gulp_uglify=require(‘gulp-uglify’);
.pipe(gulp_uglify()) 此两行代码