Javascript 将JS数组转换为Sass列表

Javascript 将JS数组转换为Sass列表,javascript,sass,Javascript,Sass,我在一个node/pug项目中使用gulp。我想知道是否有办法将JS数组转换为Sass列表。目前,我正在使用Gulp sass对阵列进行管道传输 gulp.task('sass', function() { return gulp.src('app/Views/scss/**/*.scss') .pipe(sass()) //using gulp-sass .pipe(replace('myArray', MyArray)) .pipe(

我在一个node/pug项目中使用gulp。我想知道是否有办法将JS数组转换为Sass列表。目前,我正在使用Gulp sass对阵列进行管道传输

gulp.task('sass', function() {
    return gulp.src('app/Views/scss/**/*.scss')
        .pipe(sass()) //using gulp-sass
        .pipe(replace('myArray', MyArray)) 
        .pipe(gulp.dest('app/Views/css'))
        .pipe(browserSync.reload({
            stream: true 
        }))
});
在scss中

$combinations: MyArray;

@for $i from 0 to length($combinations) {
    $class : nth($combinations, $i+1);
    .color-#{$class)} {
        background-image: url($media2 + nth($combinations, $i+1) + ".jpg")
    } 
}

但是,循环永远不会正确运行,因为组合是一个数组而不是Sass列表。

使用Sass变量代替变量替换。请按下列程序办理:

var sassVariables = require('gulp-sass-variables');
gulp.task('sass', function() {
        return gulp.src('app/Views/scss/**/*.scss')

            .pipe(sassVariables({
                   $combinations: MyArray
                 })) 
            .pipe(sass()) //using gulp-sass
            .pipe(gulp.dest('app/Views/css'))
            .pipe(browserSync.reload({
                stream: true 
            }))
    });

谢谢你的快速回复,它没有起作用,但是你让我走上了正确的道路。我使用了gulp sass vars而不是sassVariables,它将我的数组作为sass列表注入到.scss文件中。请声明var sassVariables=require('gulp-sass-variables')并使用