Foundationソースファイルをコンパイルするには？

Question

"lite"バージョンのFoundationフレームワークをコンパイルしたいと思います。

gulp.task('foundationCss', function(cb) { 
    return gulp.src('foundation/scss/foundation.scss') 
      .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError)) 
      .pipe(autoprefixer('last 2 version')) 
      .pipe(gulp.dest(paths.dist + '/styles')); 
}); 

gulp.task('foundationJs', function() { 
    return gulp.src(['foundation/js/foundation.core.js', 
        'foundation/js/foundation.util.*.js', 
        'foundation/js/*.js']) 
      .pipe(concat('foundation.min.js')) 
      .pipe(minifyJs()) 
      .pipe(gulp.dest(paths.dist + '/scripts')); 
}); 

これは、仕事をするための正しい方法です：私は「SCSS」と基礎・サイトのGithubリポジトリから「JS」フォルダ（https://github.com/zurb/foundation-sites）をダウンロードし、私は、次のがぶ飲みタスクを作成し

？私はいくつかのレイアウトの問題があるので、何かが間違っていると思う。たとえば、最新のFoundation 6（http://codepen.io/anon/pen/kXOmPA）と "my" Foundation 6（http://codepen.io/anon/pen/jAgQvL）で使用する "トップバー" htmlの出力が異なります。

私のGulpタスクで何が問題になっていますか？

ありがとうございます。

Answer 1

CSSの場合、オートプレフィクサーを組み込む必要があります。 JavaScriptの場合、Safari、InternetExplorer、Edge（ES2015のサポートがないか制限付きのブラウザ）でWebサイトを動作させる場合は、Babelを含める必要があります。

JavaScriptの設定ではhttp://foundation.zurb.com/sites/docs/javascript.html、CSSの設定ではhttp://foundation.zurb.com/sites/docs/sass.htmlをご覧ください。