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.然后运行

 

posted on 2016-08-16 14:56  坚持不懈❥  阅读(202)  评论(0编辑  收藏  举报