如何用gulp创建strcuture文件夹

Question

我想使用gulp在web项目中创建我的初始结构文件夹,是否有任何软件包可以帮助我完成这项任务？

例:

-css
-img
--content
--icons
-fonts
-js

在bash中使用一个命令创建该strcuture

Answer 1

Gulp可以使用这个技巧创建没有任何包的结构文件夹:

gulp.task('directories', function () {
    return gulp.src('*.*', {read: false})
        .pipe(gulp.dest('./css'))
        .pipe(gulp.dest('./img'))
        .pipe(gulp.dest('./img/content'))
        .pipe(gulp.dest('./img/icons'))
        .pipe(gulp.dest('./fonts'))
        .pipe(gulp.dest('./js'));
});

Answer 2

您可以使用 fs（Node.js - 文件系统）

const gulp = require('gulp');
const fs   = require('fs');


gulp.task('default', () => {

    const folders = [
        'css',
        'img',
        'img/content',
        'img/icons',
        'fonts',
        'js'
    ];

    folders.forEach(dir => {
        if(!fs.existsSync(dir)) {
            fs.mkdirSync(dir);
            console.log('  folder created:', dir);    
        }   
    });
});

Answer 3

那么创建目录的命令是mkdir

因此，您可以使用gulp-shell创建一个 gulp 任务来创建文件夹结构。

编辑评论

  gulp.task('directory', function () {
    return gulp.src('*.js', {read: false})
    .pipe(shell([
      'mkdir -p  css img img/content img/icons fonts js'
    ]));
  });

这将输出

css
img
| - content
| - icons
fonts
js

  gulp.task('directory', function () {
    return gulp.src('*.js', {read: false})
    .pipe(shell([
      'mkdir -css -img --content --icons -fonts -js'
    ]));
  });