gulp简单构建多页面项目配置

/**
 * Created by Administrator on 2017/9/6.
 */
var path = require("path");
var gulp = require("gulp");

var fileinclude = require("gulp-file-include");
// var cssmin =  require("gulp-minify-css");
var projectMap = require('gulp-project-map');
var browserSync = require("browser-sync");
var reload = browserSync.reload;

gulp.task("html", function () {
    gulp.src(["./src/page/**/*.html"])
        .pipe(fileinclude({
            prefix: '@@',
            basepath: path.join(__dirname, "./src"),
            context:{
                web:"//localhost:8090"
            }
        }))
        .pipe(gulp.dest("./build/page"))
});

gulp.task("js", function () {
    gulp.src(["./src/assets/js/*.js"])
        .pipe(fileinclude({
            prefix: '@@',
            basepath: path.join(__dirname, "./src"),
        }))
        .pipe(gulp.dest("./build/assets/js/"))
});

gulp.task("copy", function () {
    gulp.src("./src/assets/**/*")
        .pipe(gulp.dest("./build/assets"))

});

gulp.task("map",function () {
    projectMap({
        path: './build',
        name:"index"
    });
});

gulp.task("reload",function () {
    reload();
});

gulp.task("default", ['html', 'copy', 'js'], function () {
    browserSync.init({
        server:"./build",
        port:8090,
        open:"local"
    });

    gulp.watch("./src/**/*.html", ['html', 'reload']);
    gulp.watch("./src/page/**/*.js", ['js', 'reload']);
    gulp.watch("./src/assets/**/*", ['copy', 'reload']);
});

 

转载于:https://www.cnblogs.com/zhou195/p/7505188.html