javascript - Webpack 关于less依赖的问题
本文介绍了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标签中,看着很蛋疼,请问大神们,有什么更好的解决方案?
解决方案
less的@import (reference)可以只引用但编译之后文件不会重复
这篇关于javascript - Webpack 关于less依赖的问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文