是否可以使用 wiredep 或其他任何工具在 HTML 中插入 <script> 标记以将所有 .js 文件包含在给定目录中？

Question

就像您在 HTML 中包含 bower 源 JS 文件而不指定每个脚本的 URL，我想包含特定目录中包含的所有 JS 文件。怎么办？可以有多个目录，JS文件可以位于指定目录的任意深度。

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

此示例代码来自 index.html 一个 yeoman 生成的项目。 scripts 目录位于 app 目录中，后者又被指定为 build:js 的参数。

据我所知， 告诉 wiredep 包含应用程序目录中的所有 js 文件并创建一个串联文件 scripts/scripts.js.

但是，当我再次删除 <script> 标签和运行 wiredep 时，它不会重新创建 <script> 标签

<!-- build:js({.tmp,app}) scripts/scripts.js -->

<!-- endbuild -->

而如果我删除 bower 源 JS 文件的脚本标签，wiredep 会重新创建它们。

Answer 1

你可以检查这个 answer here，我仍然怀疑你将如何处理依赖关系......我的意思是，脚本应该通过特定的顺序加载才能工作。这并不是说您要离开该任务以单独包含所有文件，并且它们的顺序将自动解决。

您也可以查看this post

是否可以使用 wiredep 或其他任何工具在 HTML 中插入 <script> 标记以将所有 .js 文件包含在给定目录中？

Can wiredep or anything else be used to insert <script> tags in HTML to include all .js files in given directories?

angularjs

gruntjs

yeoman

grunt-wiredep

wiredep