2017-02-23 11 views
0

I 설치 간단한 꿀꺽 워크 플로우 ... 작동하지 않지만, 내가하는 SCS 파일을 변경할 때이 파일이 같은꿀꺽 시계 프로젝트는

내 디렉토리 모습을보고하지 않습니다.

project 
    |-css 
    |-js 
    |-index.html 
sass 
    |-sass file here 
gulpfile.js 

코드를 살펴 ...

gulp.task('sass',function(){ 
    gulp.src('./sass/**/*.scss') 
    .pipe(sourcemaps.init()) 
    .pipe(sass({ 
     outputStyle: 'expanded' 
    })) 
    .pipe(sourcemaps.write('./maps')) 
    .pipe(gulp.dest('./project/css/')); 
}); 

gulp.task('watch',function(){ 
    watch('./sass/**/*',['sass']); 
}); 


gulp.task('server',function(){ 
    gulp.src('./project') 
    .pipe(server({ 
     livereload: true, 
     port: 3000, 
     open: true 
    })); 
}) 

gulp.task('default',['server','watch','sass']); 

이 게시물에 문제가 무엇인가, 어떻게 내가이 지금 해결할 수 있습니까?

답변

0

sass 파일은 sass/*. scss에 있으며 './sass/**/*.scss '이라고 쓰면 문제가 될 수 있습니다.

gulp.task('sass',function(){ 
    gulp.src('./sass/*.scss') 
    .pipe(sourcemaps.init()) 
    .pipe(sass({ 
     outputStyle: 'expanded' 
    })) 
    .pipe(sourcemaps.write('./maps')) 
    .pipe(gulp.dest('./project/css/')); 
}); 

gulp.task('watch',function(){ 
    watch('./sass/*.scss',['sass']); 
}); 
0

는 꿀꺽 꿀꺽 - livereload를 사용하고 당신의 '말대꾸'작업

return gulp.src(stuff here) 

에 return 문을 추가 하시겠습니까? 사용 예제에 따라

[gulp-livereload][1] 

을 제안 해주세요. 도움이 필요하시면 알려주십시오. @Dipak의 답변에서 제안한 것처럼 glob 패턴에 문제가 있다고 생각하지 않습니다.