grunt-init条件标记

Question

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

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

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

这可能吗？

Answer 1

对于Yeoman发电机来说，这听起来很有用。如果你还没有尝试过Yeoman，check it out。除了作为一个支持完整应用程序的工具，预先配置了最佳实践和常见的Grunt任务，您还可以选择创建自己的“生成器”，以开发基于提示的自定义构建过程，以满足您的需求。对于更精细的任务，例如“在index.html中插入此脚本”，使用“子生成器”来做到这一点。

开发生成器并不局限于您打算分发的内容，而只是用于使您自己的常见任务更有效。 Generate a Generator guide显示了如何基本上只是简单地完成您所描述的内容。

Grunt初始化模板正在转移到Yeoman发电机，所以如果你还没有，现在是玩哟男人的好时机！如果您决定尝试一下，请告诉我您的想法。

Answer 2

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

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

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