我可以在Webpack中全局公开.less / .scss参考文件吗?

时间:2016-09-16 22:01:54

标签: sass less webpack

我们有一个使用Webpack和css模块的项目。要应用作用域名称空间,每个组件都有自己的.less文件。在.less文件中,我们导入了我们的common.less文件以供参考,所以我们可以这样使用它:

@import (reference) "../global.less";
.navbar { 
    .navbar;
}

这看起来很复杂,但会导致封装类与其组件配对,并允许其他人在内部开发global.less文件,而无需使用React。

除了冗余类包装之外,我的问题是导入这个相当大的global.less文件的每个组件似乎都在我们的webpack构建中添加了近一秒钟。

我很好奇是否有一种机制允许我公开global.less的内容以便在这些文件中引用?我发现Webpack可以填充js模块。我基本上在寻找.less或.scss等价物。

1 个答案:

答案 0 :(得分:0)

您可以添加commonChunkPlugin,然后将global.less路径添加到其中,这样它将在另一个js文件中只编译一次。

here