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/content'))
        .pipe(gulp.dest('./img/icons'))
        .pipe(gulp.dest('./fonts'))
        .pipe(gulp.dest('./js'));
});

Answer 2

您可以使用fs（Node.js - File System）

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

创建目录的cmd是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'
    ]));
  });

如何用gulp创建strcuture文件夹

3 个答案: