javascript - 依存関係の減少に関する Webpack の問題

Question

私には、2つの共通のlessであるcommon.lessとconstant.lessがあります。

たとえば、React でポップアップ ボックス コンポーネントを作成する場合は、demo.less を導入する必要があります。
demo.less は common.less と constant.less に依存します。

別のリストコンポーネントを作成するので、list.less が必要です。
common.less と constant.less にも依存します

それで、list.lessとdemo.lessでそれぞれ @import demo.less;@import list.less;

このように、webpack がless-loader を使用すると、common.less と constant.less が両側で解析され、style タグとともに head タグに挿入されます。専門家に聞いていただけますか。何が良いでしょうか。解決？

Answer 1

webpack がパッケージ化するとき、すべての依存関係をパッケージ化します。それを 1 か所でのみ参照する方が良いのではないでしょうか