고유 파일을 컴파일하는 동안 gulp-ruby-sass @import

Question

gulp-ruby-sass와 함께 Gulp를 사용하여 scss 파일을 컴파일하고 있습니다. 프로젝트의 폴더가 보이는 같은 :

css/ 
    scss/ 
     grid.scss 
     styles.scss 
    styles.css 
node_modules/ 
    .bin/ 
     ... 
    gulp/ 
     ... 
    gulp-ruby-sass/ 
     ... 
gulpfile.js 
index.html 

gulpfile.js :

// Load plugins 
var gulp = require('gulp'), 
    sass = require('gulp-ruby-sass'); 

// Styles 
gulp.task('styles', function() { 
    return gulp.src('css/scss/styles.scss') 
    .pipe(sass({ style : 'compressed' })) 
    .pipe(gulp.dest('css/')); 
}); 

CSS/SCS들/styles.scss :

@import 'grid'; 

CSS/styles.css가가에 오류 "파일을 추적 가져 오기를 찾을 수 없거나 읽을 수 없습니다 : 격자 ". 그것은 지금 완벽하게 잘 작동하지만, 모든 .scss 파일을 컴파일 .css 파일로 내 보냅니다

// Load plugins 
var gulp = require('gulp'), 
    sass = require('gulp-ruby-sass'); 

// Styles 
gulp.task('styles', function() { 
    return gulp.src('css/scss/*.scss') 
    .pipe(sass({ style : 'compressed' })) 
    .pipe(gulp.dest('css/')); 
}); 

난 그냥 원하는 동안 :

는

문서는 내가 그렇게했던 gulp.dest() 글로브에 필요한 모든 .scss 파일을 포함하도록 권장 styles.scss 파일을 styles.css으로 내 보냅니다.

어떻게하면됩니까? 내보낼 모든 파일을 고수해야합니까?

---

편집 : 나는 "loadPath"을 사용하여 여러 가지 시도를하지만 경로는 프로젝트 꿀꺽 - 루비 말대꾸 폴더에 대한 상대 것으로 보인다 아니라 : 당신이 필요로하는

/private/var/folders/tb/tlvf2ysj21x49qb1h3fgbjz00000gn/T/gulp-ruby-sass/

Answer 1

을 scss partials 명명 규칙을 사용하려면 밑줄 (_)로 시작해야합니다. 따라서 Sass에게 파일을 컴파일해서는 안됨을 말합니다. 당신이 컴파일 원하기 때문에

styles.scss을 _grid.scss하는

이름 바꾸기 grid.scss은 유지됩니다.

으로 가져 오기 @import 'grid';