gulp 不创建任何目录
gulp doesn't create any directory
我的工作区是目录 "Super gulp" 及以下,是关于我的文件的目录。问题是我将我的 .pug 文件转换为 html 文件,并将它们放在目录 "goal" 中,但是当我 运行 "dev" 时什么也没有出来。我试过方法:(Gulp doesn't create folder?),发现结果没有改变。
将 pug 文件转换为 html 文件并在其上放置监视程序的示例。
步骤:1 ->
首先安装用于编译 pug 的 npm 包并观察变化
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'));
});
步骤:3 -> 运行 下面的命令到 运行 任务
gulp watch
我的工作区是目录 "Super gulp" 及以下,是关于我的文件的目录。问题是我将我的 .pug 文件转换为 html 文件,并将它们放在目录 "goal" 中,但是当我 运行 "dev" 时什么也没有出来。我试过方法:(Gulp doesn't create folder?),发现结果没有改变。
将 pug 文件转换为 html 文件并在其上放置监视程序的示例。
步骤:1 -> 首先安装用于编译 pug 的 npm 包并观察变化
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'));
});
步骤:3 -> 运行 下面的命令到 运行 任务
gulp watch