postcss - 关于webpack打包时候的css style重复的问题(less)
本文介绍了postcss - 关于webpack打包时候的css style重复的问题(less)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
最近在用webpack打包css的时候发现这样一个问题:产生很多重复的sytle:
我在写less的时候的确多个less文件都去@import一个'common.less'的文件(不显式声明引用打包的时候就会报错...)
我的目前有关less的配置是这样的:
{
test: /\.less$/,
use: [
"style-loader",
"css-loader",
"postcss-loader",
"less-loader",
]
},
postcss配置比较简单:
module.exports = {
plugins: {
'cssnano': {}
}
};
想知道有什么办法可以去除这个重复的css style.....
解决方案
如果你想使用 mixins
或者 extended
的方式引用 common.less
内的代码,可以使用 less
的 @import (reference)
语法解决 @import
style 重复的问题
使用方法
@import (reference) 'common.less';
.foo { ... }
less
文档
如果我的答案解决了你的问题,望采纳,有帮助,帮
这篇关于postcss - 关于webpack打包时候的css style重复的问题(less)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文