如何从SCS自动生成缩小的css？

我正在编辑一个使用SCS的项目。当我在本地工作时，我对SCS所做的更改会反映在本地服务器上。然而，有一些缩小的css文件是项目的一部分，我觉得我也应该更新它们。我是否应该做些什么来生成这些缩小的文件，或者我应该采取额外的步骤来重新生成这些缩小的文件？

自动任务运行程序非常适合于此，下面是中的一个示例

在项目的根目录中，添加名为

gulpfile.js

的文件，并将以下代码放入该文件中：

var sass = require('gulp-sass');

// Compile all the .scss files from
// ./scss to ./css
gulp.task('scss', function () {
  gulp.src('./scss/**/*.scss')
    .pipe(sass())
    .pipe(gulp.dest('./css'));
});

// Watches for file changes
gulp.task('watch', function(){
  gulp.watch('./scss/**/*.scss', ['scss']);
});

gulp.task('develop', ['scss', 'watch']);

在终端中，运行：

$ gulp develop

---

并尝试更改您的scss文件。它们现在在每次保存时都会自动编译

注意：我正在编辑的文件以.css.scss结尾。您可以使用gruntjs来完成此操作。非常感谢。我现在意识到只有引导文件被缩小了，而不是其他对我来说比较方便的文件。。。但是这让人困惑，所以应该更清楚一些。我还没有编辑引导文件…所以，我要处理我的下一个任务，编辑haml文件。。我不确定我是否是StackOverflow的坏公民，但我将在不进行实际测试的情况下将其标记为已回答。谢谢你的回答。我一定会在未来的项目中使用这个。哦，有趣的哈哈哈，如果需要更多的帮助或澄清，请告诉我！如果您好奇，代码库位于github.com/city72/city-72

$ gulp develop