溢出液体时出错（吞下sass，shopify）

我试图用插值（#{''}）来逃避液体语法，但我得到了以下错误：

[22:07:05] Starting 'scss'...
[22:07:05] Finished 'scss' after 9.77 ms
[22:07:05] [gulp-sass] stylesheets/main.css
527:10  Invalid CSS after "  color: {": expected "}", was "ttings.color-te..."

当我从代码中删除所有的液体语法时，任务运行得非常完美。这是scss任务：

var gulp = require('gulp');
var watch = require('gulp-watch');
var sass = require('gulp-sass');
var cssnano = require('gulp-cssnano');
var rename = require("gulp-rename");
var autoprefixer = require('gulp-autoprefixer');
var sourcemaps = require('gulp-sourcemaps');
gulp.task('scss', function() {
    gulp.src('stylesheets/*.scss')
      .pipe(sass({ includePaths : ['./stylesheets/**/*.scss'] }))
    .pipe(sass().on('error', sass.logError))
    .pipe(sourcemaps.init())
    .pipe(autoprefixer({
      browsers: ['last 2 versions'],
      cascade: false
    }))
    .pipe(cssnano())
    .pipe(rename({ suffix: '.min.css', extname: '.liquid' }))
    .pipe(gulp.dest('./assets'));
  });
  gulp.task('watch', function() {
     gulp.watch('stylesheets/**/*.scss', ['scss']);
  });

如果我删除此部分>

 .pipe(sass().on('error', sass.logError))
    .pipe(sourcemaps.init())
    .pipe(autoprefixer({
      browsers: ['last 2 versions'],
      cascade: false
    }))
    .pipe(cssnano())

---

任务运行正常，但上传到shopify时出现问题（错误：上传请求无效！）。。。我还在另一个任务中使用shopify upload。

你不能使用gulp saas来推断液体语法，它只会解析sass文件

---

如果你想解析液体文件，你可以在编译sass文件之前使用。

删除'autoprefixer'和/或'cssnano'

你能发布你的scss文件的内容吗？@mamamadrood一个简单的插值得到错误：

body{color:{{{settings.color text}}；}

你确定吗？因为这就是为什么我尝试使用插值，而我无法渲染liquid模板，shopify会这样做。是的，sass会尝试将你的scss文件编译成css，但它不理解liquify语法。我认为最好的方法是使用liquify语法创建一个静态css文件，在没有liquify元素的情况下编写其他sas，并在最后使用您的liquidcss对编译后的sas进行concat。