自动将所有JS文件添加到index.html

Question

我正在构建一个AngularJS应用程序，我使用Grunt。是否通常使用某种包含index.html中所有JS文件的配置文件？

在ngBoilerplate项目（https://github.com/ngbp/ngbp/blob/v0.3.1-release/src/index.html）

中

<!-- compiled JavaScript --><% scripts.forEach( function ( file ) { %>
<script type="text/javascript" src="<%= file %>"></script><% }); %>

但是我使用了Yeoman AngularJS发生器。以上行不起作用。

Answer 1

我认为更常见的是创建一个繁琐的任务来将所有JS文件连接成一个单独的文件。你可以在这里看到图书馆这样做：https://github.com/gruntjs/grunt-contrib-concat

话虽如此，您提供的代码应该可以工作，但看起来它依赖于PHP（？）来运行循环并打印出每个脚本的文件名位置。您可以检查源文件的输出，并确保您可以查看包含的JS文件。路径可能打印错误。

Answer 2

我个人更喜欢使用一些模块加载器，例如RequireJS

它允许将单独的脚本作为具有依赖关系的模块来处理。 无论如何，中型和大型项目必不可少。