sass-resources-loader

sass-resources-loader 是一个 Webpack Loader，用于在每个 Sass 文件中自动引入全局 Sass 变量、Mixin 和函数等资源。这样做的好处是，可以避免在每个 Sass 文件中手动引入这些资源，同时也可以确保这些资源在整个项目中都是一致的。

使用 sass-resources-loader，首先需要在 Webpack 配置文件中配置该 Loader，如下所示：

module.exports = {
  module: {
    rules: [
      {
        test: /\.scss$/,
        use: [
          'style-loader',
          'css-loader',
          'sass-loader',
          {
            loader: 'sass-resources-loader',
            options: {
              resources: ['./path/to/variables.scss', './path/to/mixins.scss'],
            },
          },
        ],
      },
    ],
  },
};

上述配置中，`sass-resources-loader` 被添加到了 Sass 文件的 Loader 链中，并且通过 `resources` 选项指定了要引入的全局 Sass 资源文件的路径。

使用了 sass-resources-loader 后，在 Sass 文件中可以直接使用全局变量和 Mixin，无需手动引入。