gulp工作流配置指南

0.项目地址??

###http:\/\/192.168.33.8:7070\/svnpro\/weixin\/cheways_test

1.gulp入门教程

###http:\/\/www.gulpjs.com.cn\/

2.常用插件

http:\/\/www.open-open.com\/lib\/view\/open1426232157888.html

    rename = require('gulp-rename'),
    less = require('gulp-less'),
    concat = require('gulp-concat'),
    uglify = require('gulp-uglify'),
    imagemin = require('gulp-imagemin'),
    htmlmin = require('gulp-htmlmin'),
    cssmin = require('gulp-clean-css'),

3.派车系统同时构建多个app示例

共通样式中加入各项目特有样式

gulp.src(['app/common/common.*', '!app/common/common.less'])
        .pipe(gulp.dest('../common'));
    gulp.src(['app/common/common.less', 'app/common/' + difCssName[runFlg]])
        .pipe(less())
        .pipe(concat('common.css'))
        .pipe(gulp.dest('../common'));

单个modules中需要根据项目区分样式

gulp.src(['app/modules/guide/*.*', '!app/modules/guide/*.css', '!app/modules/guide/*.less'])
        .pipe(gulp.dest('../modules/guide'));
    gulp.src('!app/modules/guide/' + difCssName[runFlg])
        .pipe(less())
        .pipe(rename(function(path) {
            path.basename = "guide";
            path.extname = ".css";
        }))
        .pipe(gulp.dest('../modules/guide'));

带个modules中的内容根据项目区分1

gulp.src(['app/modules/login/*.*', '!app/modules/login/*.js'])
        .pipe(gulp.dest('../modules/login'));
    gulp.src('app/modules/login/' + difJsName[runFlg])
        .pipe(uglify({
            mangle: true, //类型：Boolean 默认：true 是否修改变量名
            compress: true //类型：Boolean 默认：true 是否完全压缩
        }))
        .pipe(rename(function(path) {
            path.basename = "login";
        }))
        .pipe(gulp.dest('../modules/login'));

带个modules中的内容根据项目区分2

gulp.task\('main', \['main-org'\], function\(\) { \/\/处理modules main
    setTimeout\(function\(\) {
        console.log\('two is done'\);
        console.log\(difPjName\[runFlg\] + "main\/_._"\);
        gulp.src\(\[difPjName\[runFlg\] + "main\/_._", 'diff\/lvyuan\/main\/main.html'\]\)
            .pipe\(gulp.dest\('..\/modules\/main'\)\);
    }, 1000\);
}\);
gulp.task\('main-org', function\(\) { \/\/处理modules main
    console.log\('one is done'\);
    gulp.src\('app\/modules\/main\/_._'\)
        .pipe\(gulp.dest\('..\/modules\/main'\)\);
    \/\/cb\(\); \/\/执行回调，表示这个异步任务已经完成
}\);

不同的项目需要不同的modules

modulesList = {
    "1": ['guide', 'login', 'main', 'main2', 'module1'], //
    "2": ['guide', 'login', 'main', ]
};

gulp.task('copy-modules', modulesList[runFlg], function() { //处理modules

}\);