javascript – Webpack-Probleme bezüglich weniger Abhängigkeiten

Question

Ich habe ein common.less und ein konstantes.less, das sind zwei gemeinsame Lesss.

Wenn ich jetzt beispielsweise eine Popup-Box-Komponente in React schreibe, muss ich eine demo.less einführen.
demo.less hängt von common.less und Constant.less ab.

Ich werde eine weitere Listenkomponente schreiben und benötige eine list.less.
Hängt auch von common.less und Constant.less ab

Also habe ich @import demo.less;@import list.less;

in list.less bzw. demo.less

Auf diese Weise werden bei der Verwendung von less-loader im Webpack common.less und Constant.less auf beiden Seiten analysiert und mithilfe von Style-Tags in das Head-Tag eingefügt. Können Sie die Experten fragen, ob es eins gibt? bessere Lösung?

Answer 1

webpack打包的时候都会把所有依赖打包进去..只在一个地方引用不就好了吗