Ich habe ein Projekt mit Angular 2 mit Angular-cli erstellt. Als ichAngular 2 (Cli) nicht zu reduzieren asstet/CSS-Dateien
ng build --prod
laufen Ich habe nicht meine js und CSS-Dateien minifyed. Diese Dateien befinden sich in assets/js/ und assets/css/.
Wie kann ich sie minimieren? Vielen Dank!
die Assets-Ordner in Ihrem Build enthalten ist, da der Ordner in der Aktivmatrix in Winkel cli.json aufgeführt ist.
alles im Assets-Array wird "wie-ist" auf Build kopiert.
Wenn Sie Ihre CSS und Skripte zu den Stilen und Skripten hinzufügen -arrays in angular-cli.json werden sie auf Build gebündelt, so dass alle Ihre CSS in styles.bundle.js (ja js) sein wird.
Sie sollten nicht die css oder js-Dateien in Ihrer index.html referenzieren, angle-cli fügt die Bundles in index.html ein.
Wenn Sie weiterhin möchten, dass die Dateien im Ordner "Assets" gespeichert werden, können Sie sie beliebig kopieren. (Z. B. https://www.npmjs.com/package/minifier) angle-cli wird nicht berührt Kopieren Sie es einfach auf Build.
Fügen Sie Ihre Stile & js in Winkel cli.json
"styles": [
"assets/css/style.css",
"assets/css/fonts.css"
],
"scripts": [
"assets/js/app.js",
"assets/js/other.js"
]
Ja, ich verstehe es jetzt. Vielen Dank für die Erklärung. Ich frage mich jetzt eine weitere Sache - Wenn ich diese Stile für die Entwicklung verwende, soll ich die enthaltenen CSS/JS-Dateien manuell aus meiner index.html löschen, oder sollte ich zum Beispiel eine andere Konfiguration vornehmen? Was ist der richtige Workflow dafür? –
Oh, ich sehe - es funktioniert genauso mit ng dienen. Es scheint, als ob es alle Dateien in diesen Asset-Ordnern abruft und sie minimiert, so dass sie auch nicht für Dev benötigt werden. Vielen Dank –