2017-09-22 6 views
0

가 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' 

를, 그것은 쭉 마시는 것 같아 해당 출력 폴더의 'style.css'부분을 디렉토리 자체 또는 그와 같은 이상한 것으로 간주하지만 실제로 이해할 수는 없습니다.

+0

출력을 파일로 지정하지 않으므로 폴더 여야합니다. 일부 concat 함수를 지정하지 않으면 처리 된 입력 파일을 출력합니다. 그렇지 않으면 연결 파일에 지정된 파일을 출력합니다 (예 :). –

+0

이것은 답변의 절반에 불과하지만 절대적으로 정확합니다. 고마워! – Toph

답변

0

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(); 
});