Webpack 关于less依赖的问题

Question

我有一个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标签中，看着很蛋疼，请问大神们，有什么更好的解决方案？

Answer 1

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

Answer 2

less的@import (reference)可以只引用但编译之后文件不会重复