webpack 用@import 引入的css文件重复打包

Question

多个css文件里面用 @import 方法引用的同一个文件，打包会生成重复内容

@import '../../lib/css/lib-base.less';

Answer 1

如果你想使用 mixins 或者 extended 的方式引用 common.less 内的代码，可以使用 less 的 @import (reference) 语法解决 @import style 重复的问题

使用方法

@import (reference) 'common.less';

.foo { ... }

less 文档

如果我的答案解决了你的问题，望采纳，有帮助，帮 ? 。