Как скомпилировать исходные файлы Foundation?

Я хотел бы скомпилировать «облегченную» версию фреймворка Foundation.

Я скачал папки «scss» и «js» из репозитория Github для базовых сайтов (https://github.com/zurb/foundation-sites) и создал следующие задачи Gulp:

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

Это правильный способ сделать работу? Я думаю, что что-то не так, потому что у меня проблемы с макетом. Например, я получаю разные выходные данные для html «верхней панели», которые я использую в последней версии Foundation 6 (http://codepen.io/anon/pen/kXOmPA) и «мой» Foundation 6 (http://codepen.io/anon/pen/jAgQvL).

Что не так с моими задачами Gulp?

Заранее спасибо.


person smartmouse    schedule 29.08.2016    source источник


Ответы (1)


Для CSS вам нужно включить Autoprefixer. Для JavaScript вам необходимо включить Babel, если вы хотите, чтобы ваш сайт работал в Safari, InternetExplorer и Edge (браузеры без или с ограниченной поддержкой ES2015).

Взгляните на: http://foundation.zurb.com/sites/docs/javascript.html для настройки JavaScript и http://foundation.zurb.com/sites/docs/sass.html для настройки CSS.

person DaSch    schedule 29.08.2016