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

时间:2022-09-01 22:21:04

I'm using Yeoman (v1.x) with grunt (v0.4.2) to build an Angular project. The build task concatenates all my app/script JS files, but it leaves all of my dependency files unconcatenated, so that my built index.html makes these calls:

我使用Yeoman (v1.x)和grunt (v0.4.2)构建一个有角的项目。构建任务连接了我的所有应用程序/脚本JS文件,但是它没有连接我的所有依赖文件,因此我的构建索引。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>

I would like all of the components my project uses, i.e. angular.js, jquery.js, and so forth, to be in scripts.js. Is it easy to reconfigure the GruntFile to do so? Or is this not done by default for a practical reason?

我想要我的项目使用的所有组件,即角度。js,jquery。在scripts。js中。重新配置GruntFile容易吗?或者这不是默认的出于实际原因吗?

1 个解决方案

#1


13  

Yes, this is easy to configure. Just add the vendors scripts in the sources you pass the grunt concat task.

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

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

#1


13  

Yes, this is easy to configure. Just add the vendors scripts in the sources you pass the grunt concat task.

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

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