Usemin e costruire più configurazioni

Question

seguito viene descritta la configurazione di generazione di esempio usemin nel mio file index.html

<!-- build:js js/one.js --> 
<script src="app/modules/one/one.js"></script> 
<script src="app/modules/one/two.js"></script> 
<script src="app/modules/one/three.js"></script> 
<!-- endbuild --> 

<!-- build:js js/two.js --> 
<script src="app/modules/two/one.js"></script> 
<script src="app/modules/two/two.js"></script> 
<script src="app/modules/two/three.js"></script> 
<!-- endbuild --> 

Per la versione di sviluppo, non voglio minify gli script e voglio ogni modulo nel proprio file js. Così l'index.html dopo esecuzione sarebbe

<script src="js/one.js"></script> 
<script src="js/two.js"></script> 

Per la versione di produzione, voglio minify gli script e li concat in un unico file.So l'index.html sarebbe

<script src="js/myApp.js"></script> 

ho provato il seguente, ma non funziona:

<!-- build:myApp js/myApp.js --> 
<!-- build:js js/one.js --> 
<script src="app/modules/one/one.js"></script> 
<script src="app/modules/one/two.js"></script> 
<script src="app/modules/one/three.js"></script> 
<!-- endbuild --> 

<!-- build:js js/two.js --> 
<script src="app/modules/two/one.js"></script> 
<script src="app/modules/two/two.js"></script> 
<script src="app/modules/two/three.js"></script> 
<!-- endbuild --> 
<!-- endbuild --> 

ed eseguire il compito uso-min come questo (prod sarebbe impostata su true nel compito prod e falso in compito dev) -

usemin({ 
      myApp: prod?[uglify({mangle:true})]:'', 
      js: prod?'':[uglify({mangle:false})] 
     }). 

Posso mantenere due file index.html e gestirlo. Ma mi stavo chiedendo cosa si può ottenere con un index.html singolo?

Grazie in anticipo per qualsiasi aiuto.

Answer 1

Che dire di questo? Unisci tutti i file javascript in 2 file come nel tuo dev env. Dopo di ciò basta unire questi due file in un unico grande?

<!-- build:js js/one.js --> 
<script src="app/modules/one/one.js"></script> 
<script src="app/modules/one/two.js"></script> 
<script src="app/modules/one/three.js"></script> 
<!-- endbuild --> 

<!-- build:js js/two.js --> 
<script src="app/modules/two/one.js"></script> 
<script src="app/modules/two/two.js"></script> 
<script src="app/modules/two/three.js"></script> 
<!-- endbuild --> 

<!-- build:myApp js/myApp.js --> 
<script src="js/one.js"></script> 
<script src="js/two.js"></script> 
<!-- endbuild --> 

O persino spostare tutti i file con una generazione?

<!-- build:myApp js/myApp.js --> 
<script src="app/modules/one/one.js"></script> 
<script src="app/modules/one/two.js"></script> 
<script src="app/modules/one/three.js"></script> 
<script src="app/modules/two/one.js"></script> 
<script src="app/modules/two/two.js"></script> 
<script src="app/modules/two/three.js"></script> 
<!-- endbuild --> 

Answer 2

Sembra che si sta utilizzando lo stesso gasdotto ID: js

<!-- build:js js/one.js --> 
<!-- build:js js/two.js --> 

Provare a usare gli ID unici oleodotti in questo modo:

<!-- build:js1 js/one.js --> 
<!-- build:js2 js/two.js -->