gulp 创建简易 的脚手架

一.准备：

1.node 环境

2.gulp  环境

3.基本配置文件

   gulpfile.js           //gulp必备配置文件

   package.json   //node,npm必备配置文件

   project.json      //自定义项目结构，配置文件

二.编写配置文件

   1.package.json  //略，

   2.project.json  

 

{
  "project": "hc",
  "version": "1.0.0",
  "description": "This is hc !",
  "author": {
    "name": "why",
    "email": "977401500@qq.com"
  },
  "first":true,
  "jurisdiction":"0777",
  "path":{
    "web":"./web",
    "api":"./web/api",
    "less":"./web/less",
    "src":"./web/src",
    "pages":"./web/src/pages",
    "images":"./web/src/images",
    "css":"./web/src/css",
    "script":"./web/src/script",
    "font":"./web/src/font"
  }
}

   注解：这个json文件是自定义的配置文件，可以随便写属性，主要的两个需要的 是

               path，表示项目的结构

               jursdiction:node读写本地的权限码

  3.gulpfile.js

var gulp = require('gulp'),
    config=require('./project.json'),
    fs = require('fs'),
    newer=require('gulp-newer'),
    less = require('gulp-less'),
    mini = require('gulp-minify-css'),
    concat = require("gulp-concat"),
    rename = require('gulp-rename'),
    clean = require('gulp-clean'),
    connect = require('gulp-connect');
/*初始化*/
gulp.task('init',['init-project'],function() {
    console.log("Initialization success");
});
/*项目构建*/
gulp.task('init-project',['project-clean'],function() {
    var con = config.path,jurisdiction=config.jrisdiction;
    for(var key in con){
        fs.mkdirSync(con[key],jurisdiction);
    }
});
/*初始化工程环境*/
gulp.task('project-clean', function() {
    return gulp.src(['./web'], {read: false})
        .pipe(clean({force: true}));
});

注解：依赖引入好需要的插件即可（在package.json里面写好依赖）

在保证 node gulp 配置文件准备就绪后

运行 gulp  init 命令

就会生成项目结构了，后续可以写监听....待续