javascript - Webpack 關于less依賴的問題

問題描述

我有一個common.less，還有一個constant.less是兩個通用的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標簽中，看著很蛋疼，請問大神們，有什么更好的解決方案？

問題解答

webpack打包的時候都會把所有依賴打包進去..只在一個地方引用不就好了嗎