Question

我正在使用web yeoman。

在我的应用程序index.html文件中，我有这个脚本包含。

我想知道这些的含义以及它们来自哪个工具？

我也很感激任何来源链接。

我的问题是我计划了一个非常模块化的angularjs应用程序，我不想手动将200 .js文件添加到此index.html文件中。

也许这可以配置为在编译期间可以使用聪明的算法复制这些脚本条目，具体取决于我的app文件夹结构......

<!-- build:js({.tmp,app}) scripts/scripts.js -->
    <script src="scripts/app.js"></script>
    <script src="scripts/controllers/main.js"></script>
    <script src="scripts/services/factory1.js"></script>
<!-- endbuild -->

Answer 1

build块来自grunt-usemin。它不会自动扫描并添加目录中的文件。

您可以使用像grunt-include-source这样的任务来准备带有脚本目录树中文件的HTML，然后运行usemin来连接和uglify它们。

grunt-include-source github页面（在最后一段中链接）包含用于更新HTML的Gruntfile配置示例。随着HTML由多个任务更新，您的主要挑战将是src到dest。在处理200+文件的范围内，这仍然应该更容易。当然，缺点是，如果您的200 + +列表中有任何孤立文件，它们仍会被包含并发送。

您还可以看到这些StackOverflow问题，其中提出了类似的问题：

这些内联html注释意味着什么：<！ - build：js ...-->

1 个答案: