SCSS 가져 오기가 제대로 작동하지 않습니다.

Question

파일 연결에 문제가 있습니다.

파일 style.scss

@import 'foundation/foundation'; 

파일 재단/_foundation.scss

/** 
    Some comment 
*/ 

@import '../../../node_modules/foundation-sites/_vendor/normalize-scss/sass/normalize'; 

출력 됨 파일있는 style.css

/** 
    Some comment 
*/ 

당신이 볼 수 있듯이 나는 단지 코멘트, 가져온 CSS 규칙을 얻지 못하고 있습니다. 여기

가 아직 꿀꺽 노드 말대꾸를 사용하지 않은

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

gulp.task('watch',() => { 
    gulp.watch('./app/scss/**/*.scss', ['sass']); 
}); 

Answer 1

내 꿀꺽 작업이지만, CLI 액세스뿐만 아니라 수동 프로세스에 대한 발견, 당신은 포함 경로 항목이나 수입 함수, 경우에도 필요 가져 오기 호출 내에서 명시 적 경로를 사용합니다.

또한 가져온 항목이 모든 믹스 인 및 함수/변수가 해당 호출을 포함하는 포함 호출에서만 작동하기 때문에 표시되는지 확인해야합니다. 변수를 설정하고 사용하지 않으면 css를 컴파일하지 않습니다.

또한 sass 변경에 대한 재귀 경로를 보았지만 입력을 하드 코딩 했으므로 Sass 작업에서 stdin/pipe를 사용하십시오.