Nodejs 求助下，gulp 有没有类似于 webpack 的 'sass-resources-loader' 的处理器对 gulp-sass 设置默认的全局变量呢

在 Node.js 环境下使用 Gulp 构建项目时，如果你希望为 gulp-sass 设置全局变量，类似于 Webpack 中 sass-resources-loader 的功能，可以通过在编译 SASS 文件之前预处理或注入全局变量来实现。下面是一个简单的示例，展示如何在 Gulp 中实现这一点：

1. 首先，确保你已经安装了必要的 npm 包：

npm install gulp gulp-sass sass

1. 创建一个 Gulp 任务，使用 gulp-sass 进行编译，并在编译前注入全局变量。你可以使用 Node.js 的模板字符串功能来动态生成包含全局变量的 SASS 文件。

const gulp = require('gulp');
const sass = require('gulp-sass')(require('sass'));
const fs = require('fs');
const path = require('path');

// 写入全局变量到临时文件
const globals = `
$primary-color: #3498db;
$secondary-color: #2ecc71;
`;

fs.writeFileSync(path.join(__dirname, '_globals.scss'), globals);

gulp.task('sass', function () {
    return gulp.src('src/**/*.scss')
        .pipe(sass.sync({
            includePaths: [__dirname] // 包含全局变量文件的目录
        }).on('error', sass.logError))
        .pipe(gulp.dest('dist'));
});

在这个示例中，我们首先创建了一个包含全局变量的 _globals.scss 文件，然后在 gulp-sass 的 includePaths 配置中指定了这个文件的目录。这样，你的所有 SASS 文件在编译时都会包含这些全局变量。