Eviter la recompilation de toute l'application à chaque fois

Bonjour à tous,

Je viens de me lancer sur notre nouveau gros projet en interne - Angular pour le Front/BO + NodeJS pour l'API.
Je suis très loin de maîtriser Angular mais j'ai vraiment du mal à m'adapter à cause d'une chose.

En effet, notre application est assez conséquente, et du coup, à chaque fois que je modifie un fichier (html, scss, ts) et que je sauvegarde (je suis sous WebStorm) - Webpack recompile énormément de fichiers... afin de m'afficher ma modification sur mon navigateur. (c'est parfait)

Sauf que... c'est ultra long... j'ai 10s de compilation à chaque save... vous savez s'il y a une solution pour que webpack ne recompile que le component sur lequel je travaille, ou est ce tout simplement le fonctionnement normal.

D'avance merci.

de puis angular 6-7 je ne sais plus, ng serve compile que ce qui a été modifié !
bizarre....

Manifestement ton projet est basé sur une architecture hautement couplée ce qui fait que l'ensemble du projet ou l'ensemble d'un module important du projet doit être recompilé à chaque changement. Vérifie que tu respectes bien le style guide Angular en séparant bien tes modules et en suivant le SRP.

La prochaine version d'Angular (9.0.0) utilisera le compilateur Ivy, qui supporte la compilation incrémentale, ce qui aura pour conséquence une diminution significative des temps de compilation et une grosse augmentation des performances côté runtime.

Ça n'a rien à voir avec Angular c'est lié à webpack.

Si tu as un webpack dans une version récente correctement configuré il ne doit te recompiler que les sources qui ont changé.

Il faut mettre les mains dans le cambouis pour mettre à jour tes dépendances de dev.

Pour ce qui est de Ivy c'est la brique qui sert à compiler le DOM au runtime dans le contexte du cycle de vie de l'application. Ça n'a aucun rapport avec son problème.

Si c'est un problème de compilation de webpack 4, essai de modifier l'option "mode" dans son fichier de configuration (généralement "webpack.config.js") : https://webpack.js.org/configuration/mode/
En forçant le mode "development", la compilation sera grandement accélérée.

Tu peux aussi jouer sur la configuration de l'option "devtool" pour spécifier une compilation plus rapide des source maps et même les désactiver: https://webpack.js.org/configuration/devtool/

La recompilation dépend du couplage entre les modules. Si tu modifie un module qui est une dépendance de toute l'app, elle sera recompilée entièrement. Par défaut, webpack ne recompile pas toute l'app mais seulement ce qui est nécessaire.
Avec Ivy les temps de compilation sont sensiblement réduits, ce qui va complètement dans le sens de la question.