码迷,mamicode.com
首页 > 其他好文 > 详细

gulp 小坑一个

时间:2015-04-30 00:56:58      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:

  学习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‘));
});

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

gulp 小坑一个

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!