Używanie stępienia do łączenia wszystkich plików javascript dostawców?

Question

Używam Yeoman (v1.x) z gruntem (v0.4.2) do zbudowania projektu Angular. Zadaniem build skleja wszystkie moje app/script plików JS, ale pozostawia wszystkie moje pliki zależności unconcatenated, tak że mój zbudowany index.html sprawia, że ​​te połączenia:

<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> 

Chciałbym wszystkich składników mój projekt wykorzystuje tj angular.js, jquery.js i tak dalej, aby być w scripts.js. Czy łatwo jest ponownie skonfigurować plik GruntFile, aby to zrobić? Czy nie jest to robione domyślnie ze względów praktycznych?

Answer 1

Tak, jest to łatwe do skonfigurowania. Wystarczy dodać skrypty dostawców do źródeł, które przekazują zadanie concat.

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