我正在用 nunjucks 构建一个组件库，有时我需要传递变量来更改例如背景图像，nunjucks 不解析 css 文件，我最终设置了这样的内联样式：
包含组件并传递背景图片
{% set comp = { 'image': 'foo.jpg' } %}
{% include 'component.njk' %}
组件.njk 文件
<div class='comp' styles="background-image: url({{ comp.image }});"></div>
我可以把它放在组件内的 <style> 标记中，但它不是 html 标准
这是无效的 html :S
<style>.comp { background-image: url({{ comp.image }}); }</style>
<div class='comp' styles=""></div>
为了解决这个问题，我试图在标题标签内附加组件样式标签。
有gulp插件什么的吗？有没有更好的解决方案？
我为 nunjucks 找到了一个很酷的“插件”，可以从子视图中附加代码，但它似乎已经过时了：S
非常感谢！