web-dev-qa-db-fra.com

Angular 7 réduire les actifs avec ng build --prod

Fichiers JavaScript et CSS dans /assets ne sont pas minifiés après ng build --prod. Est-ce que quelqu'un sait comment je peux réduire ces fichiers? Je ne vois rien dans le document angular doc.

4
user108828

Lorsque vous exécutez ng build --prod angular-cli crée un nouveau dossier nommé dist dans votre dossier de projet. dist est le dossier que vous téléchargez sur votre serveur afin de déployer votre projet.

le dossier des ressources n'est pas minimisé car il n'y a pas de code à minimiser dans ce dossier, angular-cli ne minimise pas les images, les fichiers texte svgs etc ... si vous voulez réduire les images, vous pouvez rechercher des outils en ligne tels que TinyJPG

éditer:

Cela ne signifie pas nécessairement que vous souhaitez minimiser vos images, mais dans votre dossier assets, il ne devrait pas y avoir de fichiers qui sont .js .css .html .ts etc ... uniquement Jsons, images et autres éléments

1
KLTR

ng build crée une build dans le dossier dist en utilisant webpack . Le dossier dist est publié sur votre site Web de production et contient tout ce dont vous avez besoin pour exécuter votre site Web (le minified Angular, votre code et les dépendances référencées dans l'application).

CSS et JavaScript à la tête de index.html sera référencé depuis votre dossier d'actifs sans minification. Considérez en ajoutant ces fichiers à votre configuration à la place. Les fichiers de travail dans le dossier source sont utilisés à des fins de développement et ne sont pas modifiés pendant le processus de génération.

0
tlcooper

Lorsque vous exécutez ng build --prod angular créera un nouveau dossier dans votre projet appelé dist. The dist, c'est le dossier que vous placez sur votre serveur pour exécuter votre application. Vous voir à l'intérieur de ce dossier, vous obtiendrez quelques fichiers. Tous vos CSS et JS seront regroupés et minifiés dans un fichier chacun

0
Thomas Clague