2014-12-10 1 views
1

.css로 컴파일하기 위해 삐걱 거리는 소리를 얻을 수 없습니다. 다른 비슷한 게시물을 보았고 제안을 활용했지만 아무 것도 작동하지 않는 것 같습니다.Gulp-Sass가 CSS로 컴파일되지 않습니다.

내 환경이 정상적으로 보이기 때문에 다른 플러그인 (예 : 'del'을 삭제하여 여기에 표시)을 사용할 수 있으며 일반 vanilla sass 컴파일/시계가 제대로 작동하도록 할 수 있습니다. 여기 내 설정이 단지의 경우의

:

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

gulp.task('gsas', function() { 
    gulp.src('./scss/base.scss') 
     .pipe(sass({ includePaths : ['./scss/'] })) 
     .pipe(gulp.dest('./assets/css')) 
}); 

del(['!deltest/save.txt', 'deltest/delete.txt'], function (err, deletedFiles) { 
    console.log('Files deleted:', deletedFiles.join(', ')); 
}); 

gulp.task('default', function() { 
    console.log('AAAAAAAAAAAAAAAARGH!'); 
}); 
:

여기
├── index.html 
    │ 
    ├── scss 
    │ └── base.scss 
    │   ├── _partial1.scss 
    │   └── _partial2.scss 
    │ 
    ├── assets 
    │  └── css 
    │   └── Nothing yet! 
    │ 
    ├── deltest 
    │ └── save.txt 
    │ 
    ├── gulpfile.js 
    │ 
    └── node_modules 
     └── etc ... 

내 gulpfile.js입니다 :

OSX Maverics 여기 10.9.5

$ ruby -v 
ruby 2.0.0p481 (2014-05-08 revision 45883) [universal.x86_64-darwin13] 

$ sass -v 
Sass 3.4.9 (Selective Steve) 

$ npm -v 
2.1.12 

$ brew -v 
Homebrew 0.9.5 

는 프로젝트 디렉토리 구조입니다

누구나 여기서 무엇이 잘못 볼 수 있습니까?


업데이트

- 같은 작업이 자동으로 윈도우 상자에 실패로 : 여기

윈도우 박스 테스트에서 gulpfile.js을 그리고 심지어 어떤 부분 지문을 @importing 아니에요 (디렉터리 구조입니다 이 예에서

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

gulp.task('sass', function() { 
    gulp.src('./scss/*.scss') 
     .pipe(sass()) 
     .pipe(gulp.dest('./css')); 
}); 

del(['delete/delete.txt', '!delete/save.txt'], function (err, deletedFiles) { 
    console.log('Files deleted:', deletedFiles.join(', ')); 
}); 

gulp.task('default', function() { 
    console.log("Made it!"); 
}); 

다시 내가 잘 BU를 실행하기 위해 '델'작업을 받고 있어요 : 내가) 실제 플러그인 예제에서 직접 가져온 작업 설정에 나타낸 바와 같이 정확히 꿀꺽 꿀꺽 마심은 조용히 실패하고 그것은 정말로 당혹 스럽다. 당신이 명령 줄에서 gulp을 실행할 때 실행 default 작업의 종속성으로 추가 할 수 sass 작업을하려면

+0

당신이'으로 가져올 수 있음'''_partial1.scss '''및 other를 base.scss (@import "partial1")에 추가하고 sass 컴파일러에서 includePath를 제거하십시오. 제 생각에 그것은 당신을 도울 것입니다. –

+0

부분은 @ import를 통해 이미 가져 왔습니다. includePath를 제거하는 다른 옵션을 사용해 보았지만 곰의 기본 요소는 제거했지만 기쁨은 두렵지 않습니다. 전체 속임수는 기본 작업을 수행하므로 내게 약간의 너트 tbh가 발생합니다! 고마워요 – redplanet

+0

오류 메시지가 표시됩니까? – Ben

답변

4

:

gulp.task('default', ['sass'], function() { 
    //other stuff 
}); 
+0

감사합니다. @ 벤이 그냥 실행했습니다. 맥에서 모든게 괜찮아. 또한 불이행에 대한 의존성을 정식으로 지적했습니다. 도움을 청합니다! – redplanet