如何使用webpack预加载SASS自定义实用程序（变量和mixins）

Question

我正在base.scss加载我的实用程序和资产

@import "_variables";
@import "_mixins";
...

我的应用程序中有大量模块，我们在这些模块中进行了很多更改。
因此，在每个scss文件的标题中导入base.scss会造成很多麻烦，而且看起来非常多余。

我尝试使用sass＆＃39; includePaths但它没有帮助，因为它只解析了@import声明。

有没有办法我可以自动导入我的实用程序，而无需在每个文件中手动@import它？

Answer 1

这个装载机将完成工作 https://github.com/shakacode/sass-resources-loader
将此添加到您的webpack配置

sassResources: [ './path/to/vars.scss', './path/to/mixins.scss' ]

<强>

的更新

检查this boilerplate

中的实施情况