꿀풀 + 파운데이션 사용 중 오류 (새시 버전)

Question

꿀꺽 꿀꺽 + 파운데이션 6 + browserify를 사용하고 싶습니다.

var gulp  = require ('gulp'), 
    logger  = require ('gulp-util'), 
    concat  = require ('gulp-concat'), 
    minifyCSS = require ('gulp-minify-css'), 
    compileSass = require ('gulp-ruby-sass'); 

var scss_sources, 
    input_address, 
    output_address; 

// Input and Output Address 
    input_address = 'asstes/src/'; 
    output_address = 'asstes/dist/'; 

// Style Sources 
    scss_sources = [ 
     'node_modules/foundation-sites/scss', 
     input_address + 'style/style.scss']; 

    gulp.task('styles', function(){ 
     return compileSass(scss_sources, { style: 'expanded' }) 
       .pipe(autoprefixer({ 
        browsers: ['last 2 versions', 'ie >= 9', 'and_chr >= 2.3'], 
        cascade: false 
       })) 
       .pipe(minifyCSS()) 
       .on('error', logger.log) 
       .pipe(gulp.dest(output_address + 'style')); 
    }); 

gulp.task('watch', function(){ 
    gulp.watch(input_address + 'style/pages/*.scss', ['styles']), 
}); 

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

내 style.scss은 다음과 같습니다 : CLI에서 실행 꿀꺽 내가

write ./scss.css/foundation.css 
path.js:7 
throw new TypeError('Path must be a string. Received ' + inspect(path)); 
^ 

TypeError: Path must be a string. Received undefined 
    at assertPath (path.js:7:11) 
    at Object.join (path.js:1211:7) 
    at exports.replaceLocation (/Applications/MAMP/htdocs/Jober/node_modules/gulp-ruby-sass/lib/utils.js:32:14) 
    at /Applications/MAMP/htdocs/Jober/node_modules/gulp-ruby-sass/index.js:179:13 
    at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:416:3) 

내 gulpfile.js 터미널

이 오류가있을 때 이다

//Modules 
@import 'foundation'; 

//Pages 
@import 'pages/index'; 

내 폴더 구조는 :

PROJECT FOLDER 
    | 
    |_assets 
    | |_dist 
    | | |_img 
    | | |_js 
    | | |_style 
    | | 
    | |_src 
    |  |_img 
    |  |_js 
    |  |_style 
    | 
    |_node_modules 
    |  |_foundation-site 
    | 
    |_gulpfile.js 

gulp-ruby-sass 전에 gulp-compass를 사용 했었지만, 일반적인 오류가 있습니다 : Individual stylesheets must be in the sass directory, 따라서 glup-ruby-sass로 플러그인을 변경하십시오.

어떻게 해결할 수 있습니까?

Answer 1

문자열 연결이 scss_sources에서 올바르게 작동하지 않을 수 있습니다.

는에 scss_sources을 변경해보십시오 :

scss_sources = [ 
    'node_modules/foundation-sites/scss', 
    'asstes/src/style/style.scss' 
]; 

그리고는 연결의 경우 해당 작업을 수행하십시오.