javascript - grunt-init 条件标记

Question

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

例如，如果我被问到是否要使用 jQuery 并且我键入Y，则 jQuery 会进入我的 JavaScript 文件夹，并且适当的<script>标签会添加到我的 index.html 中。所以在 index.html 里面我需要根据设置过程中给出的答案来写东西。

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

那可能吗？

Answer 1

这听起来对 Yeoman 生成器很有用。如果您还没有尝试过 Yeoman，请查看。除了作为一个构建完整应用程序、预配置最佳实践和常见 Grunt 任务的工具之外，您还可以选择创建自己的“生成器”，以开发适合您需求的基于提示的自定义构建过程. 对于更细粒度的任务，例如“在 index.html 中插入这个脚本”，“子生成器”就是用来完成的。

开发生成器不仅限于您打算分发的东西，还可以用来使您自己的常见任务更有效率。生成生成器指南向您展示了如何轻松完成您所描述的工作。

Grunt 初始化模板正在迁移到 Yeoman 生成器，所以如果你还没有，现在是玩 Yo man 的好时机！如果您决定尝试一下，请告诉我您的想法。

Answer 2

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

Grunt-init 使用grunt-template来处理模板文件。如您所见，grunt-template 只是在底层使用Lo-Dash 模板，因此您可以在分隔符之间执行普通的 JavaScript，如下所示：

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