node.js - 如何使用 gulp 运行 SASS 转译？

Question

我是 gulp 新手，想用它来将 SASS 转换为 CSS。我有一个 src 文件夹，里面有一些 scss 文件，我想将其镜像到公共(public)文件夹，但作为 css 文件。这是 gulp 代码

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

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

//Watch task
gulp.task('default',function() {
    gulp.watch('src/**/*.scss',['styles']);
});

但是当我运行node gulp时，程序就结束了，没有任何错误或消息。它不应该保持运行来进行文件监听(即观看)吗？此外，当我编辑 .scss 文件时，它不会使用 .css 文件创建公共(public)文件夹。

谢谢

Answer 1

您需要运行 gulp no node gulp

您还需要在 default 任务中添加 styles 任务。

gulp.task('watch', function() {
    gulp.watch('src/**/*.scss',['styles']);
});

gulp.task('default', ['watch', 'styles'])