2017-05-05 1 views
1

Gulp sass/gulp watch 명령은 기존/생성 된 .css 파일을 재정의 할 수 없습니다. 그래서 폴더에 생성 된 CSS 파일이 없으면 명령이 정상적으로 작동합니다. 그러나 파일이 폴더 아래에 있으면 오류가 발생합니다.Gulp sass가 이미 기존 파일을 덮어 쓸 수 없습니다.

[12시 17분 39초] 오류 : EPERM :

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

gulp.task('sass', function() { 
    return gulp.src('./demo/app/scss/**/*.scss') 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(gulp.dest('./demo/app/css')); 
}); 

gulp.task('sass:watch', function() { 
    gulp.watch('./demo/app/scss/**/*.scss', ['sass']); 
}); 
: '내 폴더 \ 프로젝트 \ 구성 요소 \ 사이트 제품 \ 데모 \ 응용 프로그램 \ CSS를 \에있는 style.css \ C'작업은 열기를 할 수 없습니다

관련성이 확실하지 않지만 꿀꺽 잣대를 사용하지 않습니다. 대신 node-sass를 사용하고 있습니다. 도움을 미리 요청 해 주셔서 감사합니다.

답변

0

당신은 청소 작업에 사용할 수 있습니다 웹팩 파일 잠금 때문에

// Path 
var paths = { 
    scss: { 
    input: 'dev/assets/scss/**/*.{scss,sass}', 
    output: 'public/assets/css' 
    } 
}; 

// SCSS 
gulp.task('scss', function() { 
    return sass(paths.scss.input) 
    .pipe(autoprefixer('last 2 version')) 
    .pipe(cssnano()) 
    .pipe(gulp.dest(paths.scss.output)) 
    .pipe(browserSync.reload({stream: true})); 
}); 

// Clean 
gulp.task('clean', function() { 
    return del(['public/**/*']); 
}); 


// Default 
gulp.task('default', ['clean'], function() { 
    gulp.start('scss'); 
}); 
1

가 마침내 그것을 해결을, 그것은이었다.

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

gulp.task('sass', function() { 
    return gulp.src('./demo/app/scss/**/*.scss') 
    .pipe(chmod(0o755)) 
    .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError)) 
    .pipe(gulp.dest('./dist/demo/css')); 
}); 


gulp.task('sass:watch', function() { 
    gulp.watch('./demo/app/scss/**/*.scss', ['sass']); 
}); 
: 사용 꿀꺽 - chmod를은 여기

최종 스크립트입니다 :) 우회
관련 문제