如何用loaders向Nuxt中的所有scss文件添加多个变量

const path = require('path');

module.exports = function (source) {
  const variables = `
    $primary-color: #ff0000;
    $secondary-color: #00ff00;
  `;

  const variablesPath = path.resolve(__dirname, 'variables.scss');
  const variablesImport = `@import "${variablesPath}";`;

  return variables + variablesImport + source;
};

module.exports = {
  // ...
  build: {
    extend(config, { isDev, isClient }) {
      if (isDev && isClient) {
        config.module.rules.push({
          test: /\.scss$/,
          use: [
            'vue-style-loader',
            'css-loader',
            {
              loader: path.resolve(__dirname, 'build/sass-loader.js'),
              options: {
                sourceMap: true,
              },
            },
            'sass-loader',
          ],
        });
      }
    },
  },
  // ...
};

.my-component {
  background-color: $primary-color;
  color: $secondary-color;
}