javascript - Problèmes avec Webpack concernant moins de dépendances

Question

J'ai un common.less et un constant.less qui sont deux communs de moins.

Maintenant, par exemple, si j'écris un composant de boîte pop-up dans React, je dois introduire un demo.less.
demo.less dépend de common.less et constant.less.

Je vais écrire un autre composant de liste et j'ai besoin d'un list.less.
Dépend également de common.less et constant.less

Donc, j'@import demo.less;@import list.less;

dans list.less et demo.less respectivement

De cette façon, lorsque webpack utilise less-loader, common.less et constant.less seront analysés des deux côtés et insérés dans la balise head avec des balises de style. Cela semble très pénible. Pouvez-vous demander aux experts ce qu'est un meilleur. solution?

Answer 1

Lorsque Webpack emballe, il emballe toutes les dépendances. Ne serait-il pas préférable de ne le référencer qu'à un seul endroit