Javascript 将JS数组转换为Sass列表
我在一个node/pug项目中使用gulp。我想知道是否有办法将JS数组转换为Sass列表。目前,我正在使用Gulp 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(
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')并使用