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

时间:2013-05-04 18:38:37

标签: javascript angularjs yeoman gruntjs

我正在使用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.jsjquery.js等都在scripts.js中。是否可以轻松重新配置GruntFile?或者由于实际原因,这是不是默认完成的?

1 个答案:

答案 0 :(得分:13)

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

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