Я хотел бы скомпилировать «облегченную» версию фреймворка 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?
Заранее спасибо.