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')); });
这么写了一下就可以使用了