首页 > gulp初次运行任务如何自动生成文件夹结构?

gulp初次运行任务如何自动生成文件夹结构?

有没有原生的方法或者模块可以实现自动生成目录结构,比如我需要的这些:

var srcJS = './src/js/',  //JS源文件目录
    destJS = './dist/js/', //JS生产目录
    srcCSS = './src/css/', //SCSS源文件目录
    destCSS = './dist/css/', //CSS生产目录
    srcFont = './src/fonts/', //字体图标源文件目录
    destFont = './dist/fonts/', //字体图标生产目录
    srcImage = './src/img/', //图片源文件目录
    destImage = './dist/img/', //图片生产目录
    srcComp = './src/comp/', //组件文件源文件目录
    srcHtml = './src/', //页面文件源文件目录
    destHtml = './dist/'; //页面文件生产目录

我目前都是手动新建的,感觉有点累,有没有自动生成的方法?


用用mkdirp模块吧:

var mkdirp = require('mkdirp');

var srcJS = './src/js/', //JS源文件目录
    destJS = './dist/js/', //JS生产目录
    srcCSS = './src/css/', //SCSS源文件目录
    destCSS = './dist/css/', //CSS生产目录
    srcFont = './src/fonts/', //字体图标源文件目录
    destFont = './dist/fonts/', //字体图标生产目录
    srcImage = './src/img/', //图片源文件目录
    destImage = './dist/img/', //图片生产目录
    srcComp = './src/comp/', //组件文件源文件目录
    srcHtml = './src/', //页面文件源文件目录
    destHtml = './dist/'; //页面文件生产目录

var dirs = [srcJS, destJS, srcCSS, destCSS, srcFont, destFont, srcImage, destImage, srcComp, srcHtml, destHtml];

dirs.forEach(dir => {
    mkdirp.sync(dir);
});

gulp.dest 会自动生成目录的

【热门文章】
【热门文章】