Foundation 6 no genera ningún estilo
He configurado un nuevo proyecto para probar Foundation 6 usando Gulp y Sass, pero parece que no se compila en absoluto. Hay otra publicación cercana a este tema, pero personalmente creo que la respuesta aceptada no es la solución correcta, ya que incluye todos los componentes y en realidad es lo contrario de lo que sugiere Zurb (vea este tema:https://github.com/zurb/foundation-sites/issues/7537)De todas formas...
Instalé Foundation 6.1.1 de bower y agregué la ruta a migulp-sass
funcionar engulpfile.js
al igual que:
// Compile Our Sass
gulp.task('sass', function() {
return gulp.src('scss/theme.scss')
.pipe(sass({ includePaths : ['bower_components/foundation-sites/scss'], outputStyle: 'expanded'}).on('error', sass.logError))
.pipe(gulp.dest('css/'))
});
Mitheme.scss
es como sigue:
//vendor file
@import '../bower_components/foundation-sites/scss/settings/settings';
@import '../bower_components/foundation-sites/scss/foundation';
body{
background: red;
}
Al compilar mi scss no obtengo errores, pero la salida detheme.css
Se ve como esto:
/**
* Foundation for Sites by ZURB
* Version 6.1.1
* foundation.zurb.com
* Licensed under MIT Open Source
*/
body {
background: red;
}
Por lo tanto, parece que está llegando al archivo ya que el comentario se emite pero no está compilando ninguna de las importaciones de Sass enfoundation.scss
.