如何用gulp创建结构文件夹

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用gulp创建结构文件夹相关的知识,希望对你有一定的参考价值。

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

例:

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

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

答案

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'));
});
另一答案

你可以用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('

以上是关于如何用gulp创建结构文件夹的主要内容,如果未能解决你的问题,请参考以下文章

如何用gulp-babel定位节点

前端进阶之路-二如何用gulp搭建一套web前端开发框架

如何用visual studio code调试javascript

如何用webpack打包一个网站应用

前端进阶之路-一如何用gulp搭建一套web前端开发框架

如何用java导入Excel数据到数据库?