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打包的时候都会把所有依赖打包进去..只在一个地方引用不就好了吗