使用Gulp将单独的scss文件编译成单独的css文件

时间:2015-09-18 13:35:49

标签: sass gulp

以下是编译我的style.css的一种方法,但是,我在同一目录中有另一个名为editor-style.scss的文件,并希望将其编译为.css(同一目的地) 我不知道JS并且已经提到了一些建议,但它只是不喜欢我的任何语法。 有人会让我摆脱苦难吗? 非常感谢。

gulp.task('sass', function() {
return sass('sass/style.scss', { style: 'expanded' })
    .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9','opera 12.1', 'ios 6', 'android 4' ))
    .pipe(gulp.dest(''))
    .pipe(notify({ message: 'Styles task complete' }))
    .pipe(livereload());
});

如果您需要查看更多gulpfile,请致歉...让我知道是否是这种情况我会分享。

1 个答案:

答案 0 :(得分:0)

试试这个。它应该单独编译sass文件夹中的.scss文件。如果它不起作用,请通知我。

gulp.task('sass', function() {
    return sass('sass/*.scss', { style: 'expanded' })
        .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9','opera 12.1', 'ios 6', 'android 4' ))
        .pipe(gulp.dest(''))
        .pipe(notify({ message: 'Styles task complete' }))
        .pipe(livereload());
});