Gulp & Foundation 6 nicht kompilieren

Question

Ich versuche, Foundation-Sites in meinem Projekt zu verwenden, also habe ich es mit Bower heruntergeladen.

Ich habe eine gulp.config.js-Datei, die den folgenden Code hat:

module.exports = function() { 
    // PATHS TO JS AND SASS 
    var GETPATHS = { 
    VENDOR: [ 
     'bower_components/jquery/dist/jquery.min.js' 
    ], 
    JS: [ 
     'bower_components/foundation-sites/js/foundation.core.js', 
     'src/assets/**/*.js' 
    ], 
    SASS: [ 
     'bower_components/foundation-sites/scss', 
     'src/assets/scss/components' 
    ] 
    } 
    return GETPATHS; 
} 

und meine gulpfile selbst hat dies (SASS):

gulp.task('sass', function() { 
    return gulp.src('src/assets/scss/app.scss') 
     .pipe(sass({ includePaths: config.SASS })) 
     .pipe(autoprefixer()) 
     .pipe(cssnano()) 
     .pipe(gulp.dest('_build/assets/css')) 
     .pipe(browserSync.stream()); 
}); 

und hier ist meine app.scss Datei

Nun ist das Problem, ich weiß nicht, warum app.css (nach dem kompilieren) zeigt eine leere Datei. Der Import "Foundation" scheint nicht zu funktionieren. Jede Hilfe wird geschätzt, da ich noch ziemlich neu bin. Vielen Dank!

Answer 1

Ich empfehle, eine der Foundation Sites Templates zu installieren oder das Fundament cli zu verwenden, um ein Projekt zu starten und die benötigte Datei mit allen Importen zu erhalten.

foundation.scss enthält nur die Mixins. Sie können an https://github.com/zurb/foundation-zurb-template/blob/master/src/assets/scss/app.scss und https://github.com/zurb/foundation-sites-template/blob/master/scss/app.scss

auch ein Beispiel für die richtige Konfiguration siehe Gulp & Foundation 6 not compiling