Ich habe einige Probleme mit Foundation 6 Dateien, aus irgendwelchen Gründen sind sie nur nicht alle der Sass Komponenten enthalten. Ich habe versucht, Foundation 5 zu verwenden, und es hat gut funktioniert.
Gulp-Sass nicht kompilieren Foundation 6 richtig
Hier ist meine Aufgabe schluck:
gulp.task('styles', ['clearCss'], function() {
gulp.src('assets/sass/app.scss')
.pipe(plumber(plumberErrorHandler))
.pipe(sourcemaps.init())
.pipe(sass({
outputStyle: 'compressed'
})
.on('error', notify.onError(function(error) {
return "Error: " + error.message;
}))
)
.pipe(autoprefixer({
browsers: ['last 2 versions', 'ie >= 9']
}))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('./assets/dist/css'))
.pipe(browserSync.stream({match: '**/*.css'}))
.pipe(notify({
message: "Styles task complete!"
}));
});
Und hier ist mein app.scss:
// Import Foundation
@import "../components/foundation/scss/foundation";
Es funktioniert mit meinen eigenen sass Dateien, sondern Fundament Teile vollständig zu ignorieren.
Ja, ich wurde von diesem String '@import 'foundation' verwirrt;' nachdem ich den Pfad geändert habe und ** foundation-sites.scss ** einschließe, fängt das schließlich an zu arbeiten. Vielen Dank. – user3586478
Ich habe das gleiche Problem, aber ich komme hierher, um zu sagen, dass ich nicht glaube, dass dies die richtige Antwort ist. Zurb rät davon ab, 'fundation-sites.scss' zu verwenden und zu importieren, was das OP gerade macht. (siehe: https://github.com/urzb/foundation-sites/issues/7537) Sie möchten 'funding-sites.scss' nicht verwenden, wenn Sie nicht alles einschließen möchten. Wenn Sie benutzerdefinierte Installationen vornehmen, sollten Sie Komponenten in 'foundation.scss' modifizieren. Das gesagt. Meine kompiliert auch nicht. – buschschwick