4、创建变量和混合器：从SASS到PostCSS的转换指南

创建变量和混合器：从SASS到PostCSS的转换指南

1. 设置SASS编译任务

在使用Gulp进行SASS文件编译时，需要完成以下几个关键步骤：
1. 添加SASS编译任务 ：在Gulp中添加一个名为 sass 的任务，用于编译SASS文件。

gulp.task('sass', function () {
  gulp.src('src/*.scss')
    .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
    .pipe(gulp.dest('src/'));
});

2. 更新默认任务 ：更新默认任务，使其包含 sass 任务以及其他相关任务。

gulp.task('default', ['sass', 'lint-styles', 'autoprefixer', 'rename']);

3. 修改文件监控配置 ：将文件监控配置修改为监控SASS文件，而不是纯CSS文件。

var watcher = gulp.wat