使用gulp打包项目

var gulp = require('gulp');

// gulp.task('default', function() {

//   // 将你的默认的任务代码放在这

// });

// 引入 gulp及组件

var gulp = require('gulp'),  //gulp基础库

    cleancss = require('gulp-minify-css'),   //css压缩

    concat = require('gulp-concat'),   //合并文件

    uglify = require('gulp-uglify'),   //js压缩

    rename = require('gulp-rename'),   //文件重命名

    // jshint = require('gulp-jshint'),   //js检查

    rev = require('gulp-rev'),

    revCollector = require('gulp-rev-collector'),

    notify = require('gulp-notify');   //提示

var curPath = './src/',

    distPath = 'D:/code/apply/'; //本地目录

gulp.task('default', function () {

    gulp.start('cleancss', 'minifyjs', 'html');

});

gulp.task('cleancss', function () {

    return gulp.src('./src/css/apply.css')      //设置css

        // .pipe(concat('order_query.css'))      //合并css文件到"order_query"

        .pipe(gulp.dest(curPath + 'css'))           //设置输出路径

        .pipe(rename({ suffix: '.min' }))         //修改文件名

        .pipe(cleancss())

        .pipe(gulp.dest(curPath + 'css'))             //压缩文件

        .pipe(gulp.dest(distPath + 'css'))            //输出文件目录

        .pipe(notify({ message: 'css task ok' }));   //提示成功

});

gulp.task('minifyjs', function () {

    return gulp.src(['./src/js/apply.js'])  //选择合并的JS

        // .pipe(concat('order_query.js'))   //合并js

        .pipe(gulp.dest(curPath + 'js'))         //输出

        .pipe(rename({ suffix: '.min' }))     //重命名

        .pipe(uglify())                    //压缩

        .pipe(gulp.dest(curPath + 'js'))            //输出 

        .pipe(gulp.dest(distPath + 'js'))            //输出

        .pipe(notify({ message: "js task ok" }));    //提示

});

gulp.task('html', function () {

    return gulp.src(['./src/index.html']) 

        .pipe(gulp.dest(distPath))            //输出

        .pipe(notify({ message: "html task ok" }));    //提示

});

// gulp.task('minifyjsmd5', function() {

//     gulp.src('js/**/*.js')

//         .pipe(concat('build.min.js'))//压缩后的js

//         .pipe(uglify())//压缩js到一行

//         .pipe(rev())//文件名加MD5后缀

//         .pipe(gulp.dest('dist/js'))//输出到js目录

//         .pipe(rev.manifest('rev-js-manifest.json'))////生成一个rev-manifest.json

//         .pipe(gulp.dest('rev'))//将 rev-manifest.json 保存到 rev 目录内

//         .pipe(notify({ message: "md5 task ok" }));    //提示

// });

// gulp.task('rev', function() {

//     //html，针对js,css,img

//     gulp.src(['rev/**/*.json', 'dist/**/*.html'])

//         .pipe(revCollector({replaceReved:true }))

//         .pipe(gulp.dest('dist'))

//         .pipe(notify({ message: "rev task ok" }));    //提示

// });