gulp - Material-ui 仅在使用 Gulp-compass 时无法在 Safari 中工作

Question

我正在为反应组件使用材料-ui lib，scss 端口材料-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($.compass({ css: '.tmp/styles', sass: 'app/styles' })); 之后运行 autoprefixer。

我尝试使用以下代码没有成功：

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。一个愚蠢的初学者吞咽错误。