Usi "Diverse fonti che tentano di scrivere sulla stessa destinazione"

Question

Ho un'app AngularJS su cui sto lavorando per usemin. Questa app ha 2 pagine html, entrambe includono un blocco minificato in un common.js e le altre pagine includono min j per quelle pagine specifiche.

page1.html

<!-- build:js scripts/common.js --> 
<!-- bower:js --> 
<script src="a.js"></script> 
<script src="b.js"></script> 
<!-- endbower --> 
<!-- endbuild --> 

<!-- build:js scripts/page1.js --> 
<!-- bower:js --> 
<script src="c.js"></script> 
<script src="d.js"></script> 
<!-- endbower --> 
<!-- endbuild --> 

page2.html

<!-- build:js scripts/common.js --> 
<!-- bower:js --> 
<script src="a.js"></script> 
<script src="b.js"></script> 
<!-- endbower --> 
<!-- endbuild --> 

<!-- build:js scripts/page2.js --> 
<!-- bower:js --> 
<script src="e.js"></script> 
<script src="f.js"></script> 
<!-- endbower --> 
<!-- endbuild --> 

Gruntfile.js

useminPrepare: { 
    html: ['<%= yeoman.app %>/page1.html', '<%= yeoman.app %>/page2.html'], 
     options: { 
      dest: '<%= yeoman.dist %>' 
     } 
    }, 

Usemin è sconvolta perché common.js è definita in entrambi i file con l'errore: Errore irreversibile: diverse origini che tentano di scrivere sulla stessa destinazione :. Io (penso) ho bisogno di includere sia page1 che page2 in useminPrepare per ottenere correttamente page1.js e page2.js generati. In che modo le persone risolvono questo problema?

Answer 1

In genere con persone angolari creare applicazioni a pagina singola e creare solo un index.html "principale" per l'intero scheletro della pagina. In questo modo devi gestire solo un set di file. Le diverse sotto-pagine sono rese in un dato div usando ui-router, ng-include o qualcos'altro.

Answer 2

Il problema per me quando ho avuto questo problema era che il codice deve essere esattamente lo stesso tra i commenti html di build/endbuild. Sembra che dovrebbe corrispondere ai nomi dei file, ma sembra corrispondere al contenuto tra i commenti. Anche la tabulazione e gli spazi possono essere un problema.

Answer 3

AVVISO NON PROVATO.

È possibile creare un blocco personalizzato che potrebbe riscrivere il blocco su <script src="scripts/common.js"></script> ma non tentare di "creare" lo script nel processo usemin.

options: { 
    blockReplacements: { 
     noBuild: function (block) { 
      return '<script src="scripts/common.js"></script>'; 
     } 
    } 

Poi in tutti i file HTML che non si vuole costruire la sceneggiatura comune per, ma si desidera sostituire il percorso, scrivere il seguente:

<!-- build:noBuild scripts/common.js --> 
<!-- bower:js --> 
<script src="a.js"></script> 
<script src="b.js"></script> 
<!-- endbower --> 
<!-- endbuild -->