sass - 如何使用 webpack 预加载 SASS 自定义实用程序(变量和 mixin)

Question

我正在 base.scss 中加载我的实用程序和 Assets ，如下所示

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

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

我尝试使用 sass 的 includePaths但它没有帮助，因为它只解决了 @import 声明。

有什么方法可以自动导入我的实用程序，而不必在每个文件中手动@import？

Answer 1

这个加载程序可以完成这项工作
https://github.com/shakacode/sass-resources-loader
将其添加到您的 webpack 配置中

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

更新

检查 this boilerplate 中的实际实现情况