sass - Foundation 6 はスタイルを生成しません

Question

Gulp と Sass を使用して Foundation 6 をテストする新しいプロジェクトをセットアップしましたが、まったくコンパイルされないようです。このトピックに近い別の投稿がありますが、私は個人的に、受け入れられた答えは正しい解決策ではないと考えています-それにはすべてのコンポーネントが含まれており、実際にはZurbが提案するものとは反対です(この問題を参照してください: https://github.com /zurb/foundation-sites/issues/7537 )。とにかく...

Bower から Foundation 6.1.1 をインストールし、gulp-sass関数へのパスをgulpfile.js次のように追加しました。

// 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/'))
});

私のtheme.scssは次のとおりです。

//vendor file
@import '../bower_components/foundation-sites/scss/settings/settings';
@import '../bower_components/foundation-sites/scss/foundation';

body{
  background: red;
}

scss をコンパイルしてもエラーは発生しませんが、出力はtheme.css次のようになります。

/**
 * Foundation for Sites by ZURB
 * Version 6.1.1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
body {
  background: red;
}

コメントが出力されているため、ファイルにヒットしているように見えますが、foundation.scss.