web-dev-qa-db-fra.com

Comment diminuer la taille de vendor.js en angular 2,4,6,7?

La CLI angulaire crée vendor.js et je ne sais pas pourquoi et à quoi ça sert ?? La taille de ce fichier est d'environ ,2 Mo pour une nouvelle application !!

Ce fichier contient-il Angular 6 Javascript Source ?

Ne pensez-vous pas que c'est un gros fichier à charger sur Internet sur des connexions à bas débit?

8

Tu veux dire comment diminuer? Ce fichier comprend toutes les bibliothèques que vous avez ajoutées à votre projet. Si vous créez votre application en mode production, ce sera beaucoup plus faible.

ng build --prod

Si ce n'est pas votre réponse, expliquez plus ce que vous recherchez.

12
molikh

Vous pouvez également mettre à jour votre script de build dans package.json pour générer une build prod par défaut. J'ai rencontré ce déploiement sur Heroku, car il exécute automatiquement "npm build". Par défaut, 'npm build' exécute le script suivant:

ng build

Si vous le mettez à jour

ng build --prod

dans package.json, Heroku/AWS/Azure créera à la place un build de production lors du déploiement.

3
Evan Kleiner

Au lieu de le diminuer, vous pouvez supprimer complètement le fichier en spécifiant le --build-optimizer flag, le cli désactivera ce fichier à partir de la sortie du build.

L'interface de ligne de commande regroupera désormais le code du fournisseur dans le package main.js, ce qui permettra également à l'uglification de réduire la taille.

Vous verrez donc une petite augmentation de la taille du bundle main.js qui est minime par rapport à la taille des segments du fournisseur

3
Nanotron