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

Question

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

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

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

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

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

Answer 1

这个加载器将 通过将其添加到您的 webpack 配置来完成工作
https://github.com/shakacode/sass-resources-loader


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

更新

检查此样板中的实际实现