学习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‘));
});
这么写了一下就可以使用了
原文:http://www.cnblogs.com/xjcjcsy/p/4467771.html