2016-05-06 4 views
0

Ich versuche, Foundation-Sites in meinem Projekt zu verwenden, also habe ich es mit Bower heruntergeladen.Gulp & Foundation 6 nicht kompilieren

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!

+0

Gibt es eine * Grund sites/SCSS/foundation.scss * Datei sehen? – nils

+0

Ja, im scss-Ordner befindet sich eine Datei namens foundation.scss. – TheEarlyMan

+0

Mögliches Duplikat von [Foundation 6 erzeugt keine Stile] (http://stackoverflow.com/questions/34537431/foundation-6-does-not-generate-any-styles) –

Antwort

0

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

Verwandte Themen