gulp自动构建项目脚手架

一. gulp简介

    如果你没有学习gulp，可以前往gulp中文网学习——gulp中文

 Gulp 是基于node.js的一个前端自动化构建工具，开发这可以使用它构建自动化工作流程（前端集成开发环境）。
使用gulp你可以简化工作量，让你把重点放在功能的开发上，从而提高你的开发效率和工作质量。
例如：你可以用gulp可以网页自动刷新，和MVVM开发模式很相似，如果你对vue.js有所了解的话，那么你一定不会陌生。你也可以使用gulp对sass进行预处理、代码检测、图片优化压缩、只需要一个简单的指令就能全部完成。
---------------------
作者：heshuaicsdn
来源：CSDN
原文：https://blog.csdn.net/heshuaicsdn/article/details/78926401

 

二.利用gulp创建自己的web项目目录

     创建文件目录我们利用到了node模块 fs-extra 利用这个模块我们可以利用js 创建目录和文件。

var gulp=require('gulp');
var path   = require('path'), // node自带组件
    fse    = require('fs-extra'); // 通过npm下载
    var PWD = process.env.PWD || process.cwd(); // 兼容windows 获取当前执行目录
    gulp.task('init', function(done) {
       
        var dirs = ['src','src/lib','src/resources',
        'src/resources/image','src/pages','src/js','src/scss','src/css'];//构建项目目录路径

        var files=['src/index.html','src/index.js'];//创建index页面
    
        dirs.forEach(function (item,index) {
   
            fse.ensureDir(path.join(PWD + '/'+ item),function(err){
                 if(err){
                     console.log(err);
                 }
            });
        })
       //创建文件
       files.forEach(function(item,index){
           fse.ensureFile(path.join(PWD + '/'+ item),function(err){
            if(err){
                console.log(err);
              }
           })
       })
       done();
    })

 执行gulp task 将自动为我们的项目创建web标准目录