Question

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

Answer 1

自动化任务运行器非常适用于此，这是Gulp中的一个示例。

$ npm install -g gulp && npm install gulp gulp-sass

在项目的根目录中，添加名为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文件。现在，它们会在每次保存时自动编译！

如何从scss自动生成缩小的CSS？

1 个答案: