zoukankan      html  css  js  c++  java
  • 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']);
    });
  • 相关阅读:
    关于<form>标签
    javaEE学习随笔
    类与接口
    java学习中的一些总结
    java 对象的创建
    jQuery选择器
    CSS学习随笔
    JDBC笔记 二
    Java EE笔记 (1) JDBC
    泛型笔记
  • 原文地址:https://www.cnblogs.com/zhou195/p/7505188.html
Copyright © 2011-2022 走看看