gulp - 更改 gulp 的 dest 文件夹
问题描述
我正在使用gulp-nunjucks-render
带有 gulp 的插件,如下所示:
gulp.task("nunjucks", () => {
return gulp
.src(src_folder + "pages/**/*.njk", {
base: src_folder,
since: gulp.lastRun("nunjucks"),
})
.pipe(plumber())
.pipe(
data(() =>
JSON.parse(fs.readFileSync(src_folder + "datas/dist/data.json"))
)
)
.pipe(nunjucks())
.pipe(beautify.html({ indent_size: 2 }))
.pipe(gulp.dest(dist_folder))
.pipe(browserSync.stream());
});
我希望生成的html文件在里面dist_folder
而不是在dist_folder
+“页面”里面。
我怎样才能做到这一点?
解决方案
您可能只需要.pipe(dest('dist_folder'))
按照这些文档进行附加:https ://gulpjs.com/docs/en/api/dest/
gulp.task("nunjucks", () => {
return gulp
.src(src_folder + "pages/**/*.njk", {
base: src_folder,
since: gulp.lastRun("nunjucks"),
})
.pipe(plumber())
.pipe(
data(() =>
JSON.parse(fs.readFileSync(src_folder + "datas/dist/data.json"))
)
)
.pipe(nunjucks())
.pipe(beautify.html({ indent_size: 2 }))
.pipe(gulp.dest(dist_folder))
.pipe(browserSync.stream())
.pipe(dest('dist_folder'));
});
推荐阅读
- google-chrome - 无法使用 Selenium 4 beta 4 启动 Chrome 浏览器
- azure-devops - 当我在 VS 2019 Azure Devops 中添加源代码控制解决方案时,仅添加了启动项目 - 如何添加其他项目?
- typescript - 打字稿:从询问者问题数组中获取正确答案类型
- django - 如何添加不在模型中但以 Django 表单创建的实例字段?
- html - 响应式登录页面不会按比例缩小
- javascript - 有没有办法在电子邮件中嵌入评论框?
- javascript - useState 在 React Native 中无法正常工作
- java - 如何使用多个参数 ReactiveCrudRepository 创建自定义查询
- excel - 如何使用下拉列表中的多个项目填充 Excel 单元格
- url - MOBILE 列出商店菜单地址 URL 后不更新但内容更新