如何导出要导入到Rails 6 webpacker中的所有scss文件的全局scss变量文件

要导出要导入到Rails 6 webpacker中的所有scss文件的全局scss变量文件，可以按照以下步骤进行操作：

创建一个名为_variables.scss的文件，用于存放全局scss变量。
在该文件中定义所有需要导出的全局scss变量，例如：

$primary-color: #007bff;
$secondary-color: #6c757d;

在Rails 6项目的app/javascript/stylesheets目录下创建一个名为application.scss的文件。
在application.scss文件中使用@import指令导入所有需要导出的scss文件，例如：

@import "variables";
@import "button";
@import "navbar";

在application.scss文件中使用@import指令导入所有需要导出的scss文件的路径，确保路径正确。
在需要使用全局scss变量的地方，可以直接使用定义的变量，例如：

.button {
  background-color: $primary-color;
}

在Rails 6项目的config/webpack/environment.js文件中，添加以下配置，以使webpacker能够正确处理scss文件：

const { environment } = require('@rails/webpacker');
const sassLoader = environment.loaders.get('sass');
const sassLoaderConfig = sassLoader.use.find(loader => loader.loader === 'sass-loader').options;

// 添加全局scss变量文件的路径
sassLoaderConfig.additionalData = `@import "~stylesheets/variables";`;

module.exports = environment;