css - gulp-sass 的输出是 .scss 文件而不是 css 文件

Question

我正在尝试使用 gulp 将一些 .scss 文件编译成 css。 gulpfile.js:

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

gulp.task("sass",
function() {
    return gulp.src("app/assets/sass/*.scss")
     .pipe(sass({
                includePaths: [
                    "govuk_modules/govuk_frontend_toolkit/stylesheets/",
                    "govuk_modules/govuk_template/assets/stylesheet/",
                    "govuk_modules/govuk-elements-sass/"
         ]
        }).pipe(gulp.dest("./wwwroot/stylesheets/")));
});

我正在使用 Visual Studio 2017，当我在任务资源管理器中运行 sass 任务时，我将预期的文件输出到目标文件夹中，但是，它们是 .scss 文件而不是预期的 .css 文件。

路径中总共有 20 多个文件，这些文件确实被编译成 4 个文件，但正如我所说，.scss 不是 css。

有什么想法吗？

Answer 1

好的，所以我找到了问题所在。其中一个 SCSS 文件引用了另一个文件的路径，我拼错了路径!

已更正并开始工作