在jade / pug模板中使用@include inline元素

时间:2016-11-12 01:51:02

标签: html templates include pug

是一种在内联编译时包含外部文档的方法,并使用jade / pug模板在文本内部包含文本?

例如:

p paragraph text content with #[span.icon @include path_to_file/icon.svg] inline svg thrown into the html document

但不是这个解决方案:

p paragraph text content with #[span.icon #[svg #[use(href='path_to_file/icon.svg')]]]

我知道后来的工作,但我正在寻找一种不使用use标签或外部参考的解决方案

解决方案需要导致在编译时在单词之间导入标记内的文档。

我多次查看了哈巴狗文档。只有与此接近的是标签插值和块扩展,但它们似乎并没有特别考虑到这种情况。

谢谢!

1 个答案:

答案 0 :(得分:0)

您应该能够使用竖线而不必使用字符串插值:

p
  | paragraph text content with 
  span.icon 
    include path_to_file/icon.svg
  | inline svg thrown into the html document

请参阅此处的代码插值:https://pugjs.org/language/interpolation.html