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

阅读 4.5k
2 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题