Пример преобразования файлов мопса в файлы html и установки на них наблюдателя.
Шаг: 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'));
});
Шаг: 3 -> Запустите команду ниже, чтобы запустить задачу
gulp watch