与Gulp，Bundler，Ruby和Susy打交道

Question

据此，可以用Gulp从Ruby安装Susy。但是，是否可以因为性能和贬值而使用Gulp-Sass代替Gulp-Compass或Gulp-compass或Gulp-Ruby-Sass？实际上，我在Gulpfile.js中使用它：

Gulpfile

var gulp = require('gulp');
// Include plugins
var plugins = require('gulp-load-plugins')();
// Variables de chemins
var source = './sass/**/*.scss'; // dossier de travail
var destination = './css/'; // dossier à livrer   
gulp.task('sasscompil', function () {
  return gulp.src(source)
  .pipe(plugins.sass({
      outputStyle: 'compressed',
      includePaths: ['/home/webmaster/vendor/bundle/gems/susy-2.2.2/sass']
  }).on('error', sasscompil.logError))
  .pipe(plugins.csscomb())
  .pipe(plugins.cssbeautify({indent: '  '}))
  .pipe(plugins.autoprefixer())
  .pipe(gulp.dest(destination + ''));
});

但是错误日志无法使用，因为sasscompil并未定义。然后，我需要为所有前疾病的道路提供路径，包括Susy，Sassy-Button等。是否可以为宝石提供全球路径？另一件事，尽管使用了Gulp-Load-Plugins，我是否安装了Gulp插件？因为如果我不这样做，Gulp找不到插件。

谢谢

Answer 1

您需要将sasscompil.logError更改为plugins.sass.logError

使得

Gulpfile.js

gulp.task('sasscompil', function () {
  return gulp.src(source)
  .pipe(plugins.sass({
      outputStyle: 'compressed',
      includePaths: ['/home/webmaster/vendor/bundle/gems/susy-2.2.2/sass']
  }).on('error', plugins.sass.logError))
...
});

GULP-SASS DOC：

像节点sass一样传递选项；它们会像在使用节点 - 萨斯一样通过。除了内部使用Gulp-Sass使用的数据选项。使用文件选项也不受支持，并且可能会导致未定义的行为，这些行为可能会改变而无需通知。

示例

gulp.task('sass', function () {
 return gulp.src('./sass/**/*.scss')
   .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
   .pipe(gulp.dest('./css'));
});