grunt-init条件标记

Question

我正在做一个grunt-init模板，到目前为止一切都很好。但是现在，我想根据我给生成器的答案，有条件地将标记插入到HTML/PHP文件中。

例如，如果有人问我是否要使用jQuery，我输入了Y，jQuery就会进入我的JavaScript文件夹，相应的<script>标签就会添加到我的index.html中。因此，在index.html中，我需要根据设置过程中给出的答案来编写内容。

我想在我的CSS/SCSS文件中做同样的事情。

这有可能吗？

Answer 1

这听起来像是约曼生成器的一个很好的用途。如果你还没有尝试过约曼，check it out。除了是一个构建完整应用程序的工具，预先配置了最佳实践和常见的Grunt任务之外，您还可以选择创建自己的“生成器”，以开发基于提示的自定义构建过程，以满足您的需求。对于更细粒度的任务，比如“在index.html中插入这个脚本”，“子生成器”就是用来做这件事的。

开发生成器并不局限于您想要分发的东西，而是可以用来使您自己的常见任务更有效率。Generate a Generator guide向您展示了如何只需很少的工作就可以完成您所描述的事情。

Grunt init模板正在迁移到Yeoman生成器中，所以如果你还没有，现在是玩Yo man的好时机！如果你决定试一试，让我知道你的想法。

Answer 2

我也有同样的问题，我发现你可以有条件地插入标记。

Grunt-init使用grunt-template来处理模板文件。正如你所看到的，grunt-template只是在幕后使用Lo-Dash templates，所以你可以在分隔符之间执行普通的JavaScript，如下所示：

{% if(usesJQuery) { %}
    <script src="jquery.js"></script>
{% } %}