1.首先要先装node.然后在命令行里安装全局的gulp:
npm install --global gulp
这是gulp在的生成的位置
2.接下来,我们需要将gulp安装到项目本地
npm install —-save-dev gulp
这里,我们使用 —-save-dev
来更新package.json文件,更新 devDependencies
值,以表明项目需要依赖gulp。
Dependencies
可以向其他参与项目的人指明项目在开发环境和生产环境中的node模块依懒关系,想要更加深入的了解它可以看看 package.json文档 。
3.接下来加载gulp的插件,我现在主要是压缩 ,下面装了三个插件,分别是合并,最小化和混淆。
4.在项目的中创建gulpfile.js
var gulp = require('gulp'),
uglify = require('gulp-uglify'),
concat = require('gulp-concat'),
del = require('del')
gulp.task('js',function(){
return gulp.src('./routes/*.js') //有的JavaScript文件,然后排除后缀为.min.js的文件: gulp.src(['js/**/*.js', '!js/**/*.min.js'])
.pipe(uglify()) //取消文件缩进
.pipe(concat('app.js')) //合并
.pipe(gulp.dest('dist/js')) //保存为build/app.js
})
/*gulp.task('clean',function(cb){
del(['dist/js'],cb)
})*/
gulp.task('default',function(){
// 将你的默认的任务代码放在这
gulp.start('js')
})
5.然后运行