Material-ui仅在Safari中使用Gulp-compass

Question

我正在使用material-ui lib作为反应组件，scss端口material-ui-sass

请参阅Safari上的以下屏幕截图（移动设备和桌面设备）。他们在Chrome，Firefox甚至Opera中工作，但不在Safari中。

gulp.task('compass', function() {
  return gulp.src('app/styles/**/*.scss')
    .pipe($.plumber())
    .pipe($.compass({
      css: '.tmp/styles',
      sass: 'app/styles'
    }));
});

有没有人提示错误可能在哪里？我以为是autoprefixer无法正常工作，但添加了webkit的前缀。此刻很困惑。任何帮助，将不胜感激。核心问题似乎是在.pipe之后没有运行autoprefixer（$。compass（{           css：＆＃39; .tmp / styles＆＃39;，           sass：＆＃39; app / styles＆＃39;         }））;

我尝试使用以下代码取得了成功：

gulp.task('compass', function() {
  return gulp.src('app/styles/**/*.scss')
    .pipe($.plumber())
    .pipe($.compass({
      css: '.tmp/styles',
      sass: 'app/styles'
    }))
    .pipe($.autoprefixer({
      browsers: ['last 5 versions']
    }));
});

Answer 1

解决。问题在于没有使用gulp.dest运行autoprefixer。一个愚蠢的初学者错误。