我正在使用pug来构建具有某些布局和模块(由执行include
)的静态网站。
我通过extends
方法实现页面,如下所示:
html
head
block styles
body
block content
extends _layout.pug
block styles
link(href='some.css', rel='stylesheet')
block content
h1 some content
我想为代码点火器3(为我的队友)构建一个特殊版本,而没有任何布局代码。
我认为我有3种选择,但我不知道该怎么办。
1.通过一些gulp任务自动替换布局文件,我认为这是一种灵活的方法,
但是我不知道该怎么做。
2.使用某些功能忽略by gulp-pug
,但我认为这是不可能的。3.是否有一些gulp插件可以与CI的模板对话(但是我不想使用pug作为模板引擎)
谢谢你的帮助!
感谢Gibin Ealias。
使用gulp-pug
,我可以传递一个名为的参数data
,这是示例:
gulp.task('pug-with-parameter', () => {
gulp
.src('[^_]*.pug')
.pipe(
pug({
pretty: true,
data: {
testValue: 'go'
}
})
)
.on('error', handleError)
.pipe(gulp.dest('./dist/'));
});
我相信您可以使用哈巴狗if
或unless
条件指定是否渲染所有扩展。
if renderExtends
extends _layout.pug
并将JSON传递为
{"renderExtends": true}
此处有更多参考资料:http : //naltatis.github.io/jade-syntax-docs/#if
希望这可以帮助。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句