sass - 是否可以在 gulp-ruby-sass 中将 scss 文件转换为扩展和压缩的 css 文件？

Question

是否可以将 scss 文件转换为扩展和压缩的 css 文件？我想要的是一个 bootstrap.scss 文件保存为 boostrap.css 和 bootstrap.min.css

我目前有以下代码，将 scss 文件转换为具有相同名称的压缩 css 文件。

var config = {
sassPath: './static/scss',
bowerDir: './static/bower_components'
};


gulp.task('sass', function(){
   return sass(config.sassPath, {style: 'compressed', loadPath: [
       './static/scss',
       config.bowerDir + '/bootstrap-sass/assets/stylesheets'
   ]})
       .on('error', function(err){
           console.error('Error!', err.message);
       })
       .pipe(gulp.dest('./static/css'));
});

Answer 1

我也在使用gulp-ruby-sass| https://stackoverflow.com/tags/gulp-ruby-sass/info

gulp.task('app-css', function() {
    return sass('bower_components/sass-smacss/sass/dashboard.scss', {
        // noCache: true,
        style: 'compressed' 
    })
    .pipe(sourcemaps.init())
    .on('error', errorlog)
    .pipe(sourcemaps.write('./maps'))
    .pipe(gulp.dest('app/assets/css/'))
});

换成上面的就行compressed了expanded。