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

Question

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

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/'; //页面文件生产目录

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

Answer 1

用用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);
});

Answer 2

gulp.dest 会自动生成目录的