javascript - 종속성 감소에 대한 Webpack 문제

Question

저는 두 개의 공통 less인 common.less와 Constant.less를 가지고 있습니다.

이제 예를 들어 React에서 팝업 상자 컴포넌트를 작성하려면 데모.리스를 도입해야 합니다.
demo.less는 common.less 및 Constant.less에 따라 달라집니다.

또 다른 목록 구성 요소를 작성할 예정이며 list.less가 필요합니다.
또한 common.less 및 Constant.less에 따라 달라집니다

그래서 나는 각각 list.less와 deco.less에서 @import deco.less;@import list.less;

이런 식으로 webpack이 less-loader를 사용하면 common.less와 Constant.less가 양쪽에서 구문 분석되어 스타일 태그와 함께 head 태그에 삽입됩니다. 전문가에게 물어보면 어떤 것이 더 좋은지 물어보실 수 있나요? 해결책?

Answer 1

webpack을 패키징할 때 모든 의존성을 패키징하게 되는데.. 한 곳에서만 참조하는 것이 낫지 않을까요?