使用 grunt 连接所有供应商 javascript 文件？

Question

我正在使用 Yeoman (v1.x) 和 grunt (v0.4.2) 来构建一个 Angular 项目。 build 任务连接了我所有的 app/script JS 文件，但它使我的所有依赖文件都未连接，因此我构建的 index.html 会进行这些调用：

<script src="components/angular-unstable/angular.js"></script>
<script src="components/jquery/jquery.js"></script>
<script src="components/angular-resource/angular-resource.js"></script>
<script src="components/bootstrap/js/bootstrap-dropdown.js"></script>
<script src="components/moment/moment.js"></script>
<script src="components/underscore/underscore.js"></script>

<!-- xxxxxbuild:js scripts/scripts.js -->
<script src="scripts/274baf7d.scripts.js"></script>

我希望我的项目使用的所有组件（即angular.js、jquery.js 等）都位于scripts.js 中。重新配置 GruntFile 是否容易做到这一点？还是出于实际原因默认不这样做？

Answer 1

是的，这很容易配置。只需在您传递 grunt concat 任务的源代码中添加供应商脚本即可。

// Project configuration.
grunt.initConfig({
  concat: {
    dist: {
      src: ['vendors/**/*.js', 'scripts/**/*.js'],
      dest: 'built.js'
    }
  }
});