自动将所有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><% }); %>

但我用过约曼的AngularJS生成器。上面的代码行不起作用。

Answer 1

我认为更典型的做法是创建一个grunt任务，将所有的JS文件连接成一个单独的文件。你可以在这里看到这个库可以做到这一点：https://github.com/gruntjs/grunt-contrib-concat

也就是说，您提供的代码应该可以工作，但它看起来将依赖于PHP(?)运行循环并打印出每个脚本的文件名位置。您可以检查源文件的输出，并确保可以查看包含的JS文件。路径可能打印不正确。

Answer 2

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

它将允许将独立的脚本作为具有依赖的模块来处理。对于中型和大型项目来说，这是一个必备的东西。