Usemin "Verschiedene Quellen, die versuchen, auf das gleiche Ziel zu schreiben"

Question

Ich habe eine AngularJS App, an der ich gerade arbeite. Diese App hat 2 HTML-Seiten, beide enthalten einen Block in einem common.js minimiert und die anderen Seiten enthalten js für diese bestimmten Seiten minimiert.

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 verärgert ist, weil common.js in beiden Dateien mit dem Fehler definiert ist: Schwerwiegender Fehler: Verschiedene Quellen versuchen, auf dasselbe Ziel zu schreiben :. Ich denke, ich muss sowohl page1 als auch page2 in useminPrepare einschließen, um page1.js und page2.js korrekt zu generieren. Wie lösen Menschen dieses Problem?

Answer 1

Normalerweise mit eckigen Personen erstellen Sie einzelne Seite Anwendungen und erstellen Sie nur eine "Haupt" index.html für das gesamte Skelett der Seite. Auf diese Weise müssen Sie nur mit einem Satz von Dateien arbeiten. Die verschiedenen Unterseiten werden mit ui-router, ng-includes oder etwas anderem zu einem gegebenen div gerendert.

Answer 2

Das Problem für mich, als ich in dieses Problem lief, war, dass der Code genau das gleiche zwischen Build/Endbuild HTML-Kommentare sein muss. Scheint, dass es auf Dateinamen übereinstimmen sollte, aber es scheint auf dem Inhalt zwischen den Kommentaren übereinzustimmen. Sogar Tabs und Leerzeichen können ein Problem darstellen.

Answer 3

WARNUNG UNGESTÖRT.

Sie könnten einen benutzerdefinierten Block erstellen, der den Block in <script src="scripts/common.js"></script> umschreibt, aber nicht versuchen würde, das Skript im usemin-Prozess zu erstellen.

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

Dann in alle HTML-Dateien, die Sie nicht wollen, für das gemeinsame Skript zu bauen, aber Sie wollen den Pfad zu ersetzen, benutzen schreiben folgendes:

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