Sass Gulp PostSS丢失的网格系统-框架

我已经安装了一个gulp文件包，但是在运行我的任务时，css似乎没有正确编译

var gulp = require('gulp'),
    $ = require('gulp-load-plugins')({ lazy: true }),
    browsersync = require('browser-sync'),
    del = require('del'),
    config = require('./config.js')(),
    plumber = require('gulp-plumber'),
    newer = require('gulp-newer'),
    jshint = require('gulp-jshint'),
    jade = require('gulp-jade'),
    concat = require('gulp-concat'),
    size = require('gulp-size'),
    uglify = require('gulp-uglify'),
    deporder = require('gulp-deporder'),
    stripDebug = require('gulp-strip-debug'),
    postcss = require('gulp-postcss'),
    autoprefixer = require('autoprefixer'),
    lost = require('lost'),
    minifyCss = require('gulp-minify-css'),
    sass = require('gulp-ruby-sass'),
    sourcemaps = require('gulp-sourcemaps');

我的吞咽任务如下：

gulp.task('sass', function () {

  var processors = [
    lost(),
    autoprefixer({browsers:['last 2 versions']})
  ];
  return gulp.src(styles.in)
      .pipe($.plumber())
      .pipe(postcss(processors))
      .pipe($.sass(styles.sassOpt))
      .pipe($.size({ title: 'styles In Size' }))
      .pipe($.size({ title: 'styles Out Size' }))
      .pipe(gulp.dest(styles.out))
      .pipe(browsersync.reload({ stream: true }));
  log('-> Compile SASS Styles')
});

非常感谢您的帮助， 提前非常感谢

编辑： CSS输出不是预期的结果。 例如，CSS呈现为： .第一格 丢失的实用程序：clearfix 含：100% div

---

lost column:1/6

愚蠢的错误我的POSTSS任务是查看.sass文件而不是.css…

无法解释问题。有错误吗？错误是什么？您得到的输出是否与您预期的不同？它会发射核导弹吗？抱歉不准确，calc（）函数没有被渲染。当我尝试使用lost函数时。column lost column:1/4 Sass然后CSS呈现为：。column{lost column:1/4；}那么你的问题与Sass无关？因为Sass与错误生成的输出无关（将其输入普通CSS文件将获得相同的结果）。我不知道错误在哪里，Sass生成的是正确的CSS，而不是丢失的函数