12

我正在使用 Yeoman (v1.x) 和 grunt (v0.4.2) 来构建一个 Angular 项目。该build任务连接了我所有的app/scriptJS 文件,但它使我的所有依赖文件都未连接,因此我构建的 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.jsjquery.js等)都位于scripts.js. 重新配置 GruntFile 是否容易做到这一点?还是出于实际原因默认情况下没有这样做?

4

1 回答 1

13

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

// Project configuration.
grunt.initConfig({
  concat: {
    dist: {
      src: ['vendors/**/*.js', 'scripts/**/*.js'],
      dest: 'built.js'
    }
  }
});
于 2013-05-04T19:13:51.687 回答