2017-02-28 13 views
0

私はgulp + Foundation 6 + browserifyを使いたいです。 CLIでがぶ飲みを実行したときに、私は、端末gulp + foundation(sass版)の使用に誤りがあります

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'; 

と私のフォルダ構造は次のとおりです。

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です:

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がありますので、プラグインをgulp-ruby-sassに変更してください。

どうすれば修正できますか?

答えて

0

文字列連結がscss_sourcesで正しく機能していない可能性があります。

はにscss_sourcesを変更してみてください:

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

そしてそれは連結だ場合、その作業を行い参照してください。

関連する問題