gulp 不创建任何目录

Question

我的工作区是目录“Super gulp”，下面是关于我的文件的目录。 问题是我正在将 my.pug 文件转换为 html 文件，并将它们放在目录“goal”中，但是当我运行“dev”时没有任何结果。 我试过方法：（ Gulp 不创建文件夹？ ）发现结果没有改变。

Answer 1

将 pug 文件转换为 html 文件并在其上放置 watcher 的示例。

步骤： 1 -> 首先安装 npm 包用于编译 pug 并注意更改

npm i -S gulp-pug gulp-watch

步骤：2 -> 然后创建并配置您的 gulpfile.js。

首先导入一个npm模块

gulpfile.js

const pug = require('gulp-pug');
const watch = require('gulp-watch');

//Then create compiling task

gulp.task('pug',() => {
 return gulp.src('./src/*.pug')
 .pipe(pug({
    doctype: 'html',
    pretty: false
 }))
 .pipe(gulp.dest('./src/goal/'));
});

//And then create watcher

gulp.task('watch',() => {
 return watch('./src/*.pug', { ignoreInitial: false })
    .pipe(gulp.dest('pug'));
 });

Step: 3 -> 运行下面的cmd来运行任务

gulp watch