配置sass

安装sass 首先，你需要安装sass，你可以使用npm安装sass，输入以下命令即可：

npm install -g sass

安装完成后，你可以输入以下命令确认是否安装成功：

sass --version

创建sass文件新建一个sass文件，例如style.scss，将其放置在项目的sass文件夹中。
编译sass文件在终端中进入到项目的根目录，输入以下命令编译sass文件：

sass sass/style.scss css/style.css

其中，sass/style.scss是sass文件的路径，css/style.css是编译后生成的css文件的路径。

实时编译我们可以使用sass提供的watch命令，实时监听sass文件的变化，并自动编译成css文件。在终端中输入以下命令：

sass --watch sass/style.scss:css/style.css

这条命令会一直监听sass文件的变化，如果有变化就会自动编译成css文件。

配置gulp自动化构建使用gulp可以更加方便地进行自动化构建。首先，我们需要安装gulp和gulp-sass插件，输入以下命令：

npm install gulp gulp-sass --save-dev

然后，在项目根目录下新建一个gulpfile.js文件，编写以下代码：

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

gulp.task('sass', function () {
    return gulp.src('sass/style.scss')
        .pipe(sass())
        .pipe(gulp.dest('css'));
});

gulp.task('watch', function () {
    gulp.watch('sass/**/*.scss', gulp.series('sass'));
});

其中，gulp.task定义了一个任务，'sass'任务用于编译sass文件，'watch'任务用于监听sass文件的变化并自动编译。

最后，在终端中输入以下命令启动gulp：

gulp watch

现在，你就可以愉快地使用sass了。