gulp 小坑一个

  学习gulp的时候,看到很多人写到

gulp.task('styles', function() {
  return gulp.src('src/styles/main.scss')
    .pipe(sass({ style: 'expanded' }))
    .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
    .pipe(gulp.dest('dist/assets/css'))
    .pipe(rename({suffix: '.min'}))
    .pipe(minifycss())
    .pipe(gulp.dest('dist/assets/css'))
    .pipe(notify({ message: 'Styles task complete' }));
});

  自己尝试之后发现报错,路径必须是一个string,可是我并没有写错,尝试百般之后,

  https://www.npmjs.com/package/gulp-ruby-sass

  发现官网提到,gulp-ruby-sass的版本1.x的时候

gulp-ruby-sass is a gulp source adapter. Use it instead of gulp.src.

  看了下自己的包版本,原来是1.x

// gulp-ruby-sass: 1.x
gulp.task('sass', function() {
    return sass('path/to/scss', { style: 'expanded' })
        .pipe(gulp.dest('path/to/css'));
});

  这么写了一下就可以使用了

原文地址:https://www.cnblogs.com/xjcjcsy/p/4467771.html