html - 使用 Grunt 将 CSS 嵌入到 HTML 文件中

标签 html css gruntjs

我需要像这样替换 HTML 文件中的标签:

<link type="text/css" rel="stylesheet" href="template.css">

具有以下内容:

<style type="text/css"> { /* content of template.css */ } </style>

使用 Grunt .

实现此目标的最佳方法是什么?

最佳答案

将您的 HTML 文件转换为 Twig模板。使用 {% include %} 运算符嵌入您的 CSS 文件。然后使用 consolidate.jsatpl.js通过grunt-consolidate插件来编译它。

Twig用于 Symfony2元素并基于 Django template language并且是用于服务器端编译的最优雅和最强大的编译器之一。

如果您愿意,可以使用另一个具有include 功能的编译器,因为Consolidate , supports lots of them .

有关详细信息,请参阅提供的链接。

关于html - 使用 Grunt 将 CSS 嵌入到 HTML 文件中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20439284/

相关文章:

jquery - 如何使用引导轮播显示下一张幻灯片?

javascript - 我的 grunt 任务如何查看 --verbose 标志是否打开?

javascript - 检查输入长度不超过 10

javascript - 如何克隆div值到输入

html - 配置 Jekyll 输出以将博客添加到现有站点

html - flexbox 容器和子结构

html - 锁定图像,使其不会相对于其他对象移动 html

javascript - grunt 替换时出现目标未定义错误

node.js - 我的 Grunt 模块非常庞大。我究竟做错了什么?

javascript - 如何使用 Jquery 在同一个地方为不同的图像制作淡入和淡出?