基金会6在编译时关闭SASS自动缩小 我是基金会和萨斯大学的初学者。我慢慢地理解了它的工作原理。工作流程看起来不错，但我的问题是

当我的SCSS被编译时，我的CSS会在我保存

.SCSS

文件后立即缩小

我曾试图关闭“吞咽”任务，但它没有起任何作用

var gulp = require('gulp');
var $    = require('gulp-load-plugins')();

var sassPaths = [
  'bower_components/normalize.scss/sass',
  'bower_components/foundation-sites/scss',
  'bower_components/motion-ui/src'
];

gulp.task('sass', function() {
  return gulp.src('scss/*.scss')
    .pipe($.sass({
      includePaths: sassPaths,
//      outputStyle: 'compressed' 
    })
      .on('error', $.sass.logError))
    .pipe($.autoprefixer({
      browsers: ['last 2 versions', 'ie >= 9']
    }))
    .pipe(gulp.dest('css'));
});

gulp.task('default', ['sass'], function() {
  gulp.watch(['scss/**/*.scss'], ['sass']);
});

---

有什么想法吗？

从你的任务来看，他们不应该是缩小你的css的一部分。您可以尝试以下几点：

1） 尝试输出样式：“扩展”

2） 尝试在不包含任何bower sass文件的情况下编译您的sass，因为其中一个文件可能已经缩小（尽管不太可能）。甚至只是手动检查

3） 或者最后尝试以下配置：

var gulp = require('gulp');
var $    = require('gulp-load-plugins')();

var sassPaths = [
  'bower_components/normalize.scss/sass',
  'bower_components/foundation-sites/scss',
  'bower_components/motion-ui/src',
  'scss/*.scss'
];

gulp.task('sass', function() {
  return gulp.src(sassPaths)
    .pipe($.sass({
      outputStyle: 'expanded' 
    })
      .on('error', $.sass.logError))
    .pipe($.autoprefixer({
      browsers: ['last 2 versions', 'ie >= 9']
    }))
    .pipe(gulp.dest('css'));
});

gulp.task('default', ['sass'], function() {
  gulp.watch(['scss/**/*.scss'], ['sass']);
});