关于webpack打包时候的css style重复的问题(less)

Question

最近在用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.....

Answer 1

如果你想使用 mixins 或者 extended 的方式引用 common.less 内的代码，可以使用 less 的 @import (reference) 语法解决 @import style 重复的问题使用方法@import (reference) 'common.less'; .foo { ... }less 文档如果我的答案解决了你的问题，望采纳，有帮助，帮 ? 。