Gulp sass 输出错误

Question

鉴于此 gulpfile.js：

var gulp = require("gulp"),
    sass = require("gulp-sass"),
    sourcemaps = require("gulp-sourcemaps"),
    autoprefixer = require("gulp-autoprefixer"),
    input = "./sass/*.scss",
    output = "./assets/style.css";

gulp.task("sass", function() {
    return gulp
        .src(sassInput)
        .pipe(sourcemaps.init())
        .pipe(sass(sassOptions).on("error", sass.logError))
        .pipe(sourcemaps.write())
        .pipe(autoprefixer())
        .pipe(gulp.dest(output))
        .resume();
});
gulp.task("watch", function() {
    return (gulp
            //watch input folder for change and then run 'sass' task
            .watch(input, ["sass"])
            .on("change", function(e) {
                console.log(
                    "file" + e.path + " was " + e.type + ", running tasks..."
                );
            }) );
});

我收到以下错误 --

Error: EEXIST: file already exists, mkdir './assets/style.css'

根据我在网上发现的内容，似乎 gulp 正在将该输出文件夹的 'style.css' 部分视为目录本身，或者类似的奇怪东西，但我可以真的弄明白了。

Answer 1

有一个名为 gulp-rename 的工具专门用于此目的。这是我添加的片段，以使其在添加 npm 包后正常工作。

var gulp = require("gulp");
     .
     .
     .
var rename = require("gulp-rename")

input = "./sass/*.scss",
output = "./assets/";

gulp.task("sass", function() {
    return gulp
        .src(sassInput)
             .
             .
             .
        .pipe(rename("styles.css.liquid"))
        .resume();
});

Gulp sass 输出错误

Gulp sass output error

sass

gulp

gulp-sass