Как настроить Zurb Foundation Панини как автономный - PullRequest
Новая
       10

Как настроить Zurb Foundation Панини как автономный

0 голосов
/ 18 сентября 2018

Мне нравится панини, и я хочу использовать его в качестве отдельного на своем простом сайте без стека Zurb.Я пытался следовать руководству по github, но мне все еще не очень понятно, как его настроить.Я не очень разбираюсь в глотке npm, так есть ли пошаговое руководство / видео для установки и настройки panini где-нибудь в автономном режиме?Вот что я сделал до сих пор (уже установлен узел / npm): -

  • npm init
  • npm install panini --save-dev
  • npm install gulp --save-dev
  • ?? вручную созданные папки {src / pages, layout, partials, data, helpers} и distНе уверены, нужно ли мне делать это раньше?)
  • создал файл gulpfile.js и скопировал / вставил фрагмент gulp.task ("default" ...) из github: 

var gulp = require('gulp');
var panini = require('panini');

gulp.task('default', function() {
  gulp.src('pages/**/*.html')
    .pipe(panini({
      root: 'pages/',
      layouts: 'layouts/',
      partials: 'partials/',
      helpers: 'helpers/',
      data: 'data/'
    }))
    .pipe(gulp.dest('build'));
});

gulp.watch(['./src/{layouts,partials,helpers,data}/**/*'], [panini.refresh]);

Теперь я не совсем уверен, что делать.Любая помощь будет принята с благодарностью.Я прочитал страницу github и посмотрел все видеоролики, но они не очень наглядны и не подходят для начинающих.

Спасибо!

...