Grunt/Gulp Quelldateien Zielverwendung

Question

Ich plane, Grunt/Schluck zu verwenden, um meine Hybrid-App zu concat/uglify/obfuscate.

Quellcode:

js- 
    a.js 
    b.js 

css- 
    a.css 
    b.css 

Nun, meine index.html lädt die die oben genannten JavaScript und CSS-Dateien.

I concat und obfuscate die oben genannten a.js und b.js zu Datei namens c.js. Es ist eine gute Praxis, alle Aufgaben durchzuführen und alle diese in einer einzigen Datei, d. H. c.js, aber meine Frage ist meine index.html zeigt immer noch auf a.js und b.js.

Was passiert mit c.js? Wird es nie irgendwo importiert? Wir können einfach a.js und b.js selbst eglify und behalten es so wie es ist.

Und wenn ja, wie zu verwenden c.js?

Answer 1

1. Ich glaube, Sie separaten Ordner für die Bereitstellung Zweck machen sollten, können Sie Ordner sagen build, wo Ihr Grunzen/schluck Ergebnis bestimmt werden sollte, so dass die index.html auf die minimierte Ressourcen auf dem Build-Referenz immer folder,
2. können diese http://www.willpeavy.com/minifier/

Answer 2

1 helfen können: Sie bauen a.js und b.js in c.js daher verknüpfen nur c.js in index.html.

2: Es gibt viele schluck/Grunzen Plugins, die Verkleinerungs

Grunt contrib-htmlmin unterstützt: https://www.npmjs.com/package/grunt-contrib-htmlmin

Gulp schluck-htmlmin: https://www.npmjs.com/package/gulp-htmlmin

Answer 3

Wenn Sie Grunzen zu haben sind nicht planen/schlucke Watch-Skripte, oder einfach finden Sie es schneller mit den nicht-minified-Dateien zu entwickeln, und wollen nur eine Aufgabe am Ende ausführen, um die gesamte Produktion Minification zu tun, dann können Sie sich ansehen processhtml:

• Grunzen-processhtml: https://www.npmjs.com/package/grunt-processhtml
• schluck-processhtml: https://www.npmjs.com/package/gulp-processhtml

Dieses Sie Plugin-let einige Markup in Ihren HTML enthalten, die die verkleinerte Datei verweist, während normale <script> Tags für Ihre unminified Dateien einschließlich .

<!-- build:js c.js --> 
    <script src="a.js"></script> 
    <script src="b.js"></script> 
<!-- /build --> 

So, während Sie entwickeln, können Sie a.js & b.js, verwenden und dann, sobald die processhtml Task ausgeführt wird, wird es ihnen abzustreifen und c.js stattdessen verwenden. Natürlich ist es immer noch darauf angewiesen, dass Sie zuerst die Verkleinerung und Verkettung zu c.js machen.