我们有一个使用Webpack和css模块的项目。要应用作用域名称空间,每个组件都有自己的.less文件。在.less文件中,我们导入了我们的common.less文件以供参考,所以我们可以这样使用它:
@import (reference) "../global.less";
.navbar {
.navbar;
}
这看起来很复杂,但会导致封装类与其组件配对,并允许其他人在内部开发global.less文件,而无需使用React。
除了冗余类包装之外,我的问题是导入这个相当大的global.less文件的每个组件似乎都在我们的webpack构建中添加了近一秒钟。
我很好奇是否有一种机制允许我公开global.less的内容以便在这些文件中引用?我发现Webpack可以填充js模块。我基本上在寻找.less或.scss等价物。