在编译期间使用gulpruby-sass将地块导入源文件

在编译期间使用gulpruby-sass将地块导入源文件,sass,gulp,gulp-ruby-sass,Sass,Gulp,Gulp Ruby Sass,我的目标是使用onescss文件和n个资产部分来创建n个css样式表,同时使用gulpruby-sass 以下是我的目录结构示例: - project_folder gulpfile.js - css _asset.scss style.scss “gulpfile.js”中包含以下内容: var gulp = require('gulp'); var sass = require('gulp-ruby-sass'); gulp.task('build',

我的目标是使用onescss文件和n个资产部分来创建n个css样式表,同时使用gulpruby-sass

以下是我的目录结构示例:

- project_folder
   gulpfile.js
   - css
      _asset.scss
      style.scss
“gulpfile.js”中包含以下内容:

var gulp = require('gulp');
var sass = require('gulp-ruby-sass');

gulp.task('build', function() {
    return sass([
            'css/_asset.scss',
            'css/**/*.scss'
        ])
        .pipe(gulp.dest('css'));
});

gulp.task('default', ['build']);
$textColor: #444444;
//@import "_asset";
.myTextColor {
    color: $textColor;
}
在“_asset.scss”中包含以下内容:

var gulp = require('gulp');
var sass = require('gulp-ruby-sass');

gulp.task('build', function() {
    return sass([
            'css/_asset.scss',
            'css/**/*.scss'
        ])
        .pipe(gulp.dest('css'));
});

gulp.task('default', ['build']);
$textColor: #444444;
//@import "_asset";
.myTextColor {
    color: $textColor;
}
“style.scss”内部将包含以下内容:

var gulp = require('gulp');
var sass = require('gulp-ruby-sass');

gulp.task('build', function() {
    return sass([
            'css/_asset.scss',
            'css/**/*.scss'
        ])
        .pipe(gulp.dest('css'));
});

gulp.task('default', ['build']);
$textColor: #444444;
//@import "_asset";
.myTextColor {
    color: $textColor;
}
通过运行gulp,我将得到以下错误:

错误css/style.scss(第3行:未定义变量:“$textColor”。)

假设我取消了style.scss中第1行的注释。然后运行gulp应该正确地编译style.scss来创建style.css,但是我要寻找的答案不是取消第1行的注释。我需要gulp使用gulp ruby sass或其他插件来完成style.scss上的第1行所做的事情,或者类似的事情,并获得相同的结果

另外(希望有了这个解决方案,我可以使用“gulp rename”,并且能够使用多个资产文件生成多个css样式表,并且只使用一个scss文件!)