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文件。< / p>

路径中共有20多个文件，这些文件可以编译成4个文件，但就像我说的那样，.scss不是css。

有什么想法吗？

Answer 1

好的，所以我发现了问题。其中一个SCSS文件引用了另一个文件的路径，这个文件拼错了路径！

现已更正并正在使用

Answer 2

关闭第一个管道时出现问题，您应该在为gulp.dest启动管道之前将其关闭。

通过这样做，文件应编译为css而不是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/"));

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

2 个答案: