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

Zan*_*ndo 12 javascript angularjs gruntjs yeoman

我正在使用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>
Run Code Online (Sandbox Code Playgroud)

我想我所有的项目使用的组件,即angular.js,jquery.js,等等,要在scripts.js.是否可以轻松重新配置GruntFile?或者出于实际原因,这是不是默认完成的?

Sim*_*ias 13

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

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