Heim > Web-Frontend > js-Tutorial > Hauptteil

Komprimieren Sie JavaScript-Dateien für das gesamte Projekt mit r.js

高洛峰
Freigeben: 2016-11-26 09:22:45
Original
1436 Leute haben es durchsucht

r.js ist Teil von RequireJS (Optimierer). Es hängt von UglifyJS ab, das auf NodeJS basiert. Meistens wird r.js mit der modularen (AMD) Schreibmethode kombiniert und komprimiert. Wenn Ihr Code AMD nicht verwendet, können Sie es auch zur Komprimierung verwenden. In diesem Artikel wird die Komprimierung der JS-Dateien des gesamten Projekts erläutert, wenn die AMD-Methode nicht zum Organisieren des Codes verwendet wird.

Angenommen, dass sich alle JS-Dateien im Projekt im Skriptverzeichnis befinden

Komprimieren Sie JavaScript-Dateien für das gesamte Projekt mit r.js

Es gibt drei Verzeichnisse im Projekt: css, html und Skripte, entsprechend CSS-, HTML- bzw. JS-Dateien. Das heruntergeladene r.js wird parallel zu myapp platziert.

Das Verzeichnis „scripts-build“ speichert komprimierte JS-Dateien. Die Struktur ist die gleiche wie bei „scripts“, es wird jedoch eine zusätzliche Datei „build.txt“ generiert.

Die Datei build.js muss von uns selbst konfiguriert werden. r.js wird sie verwenden, um das komprimierte Verzeichnis und das komprimierte Platzierungsverzeichnis zu finden. Wahrscheinlich wie folgt 🎜>

Das Folgende ist das Projekt, das ich getestet habe (vor der Komprimierung)


Wie Sie sehen können, sind Skripte- Build ist derzeit leer. Okay, beginnen wir mit der Komprimierung.

1, cmd, um die Befehlszeilenkonsole aufzurufen, mein Projekt befindet sich in e:/work/myappKomprimieren Sie JavaScript-Dateien für das gesamte Projekt mit r.js

2, cd zum aktuellen Projekt (geben Sie das E-Laufwerk ein). , cd work /myapp)

3. Führen Sie den Befehl aus: node r.js -o build.js Der Effekt ist wie unten gezeigt – Das Build-Verzeichnis hat die gleiche Struktur wie Skripte, verfügt jedoch über einen zusätzlichen Build .txt.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage