如何将Zurb Foundation Panini设置为独立

时间:2018-09-18 18:25:26

标签: gulp zurb-foundation

我喜欢帕尼尼,我想在没有Zurb堆栈的我自己的简单网站中将其独立使用。我尝试遵循github上的指南,但是对于如何设置它,我仍然不太清楚。我不太熟悉npm,因此是否有分步指南/视频可以在任何地方独立安装和设置panini?这是我到目前为止所做的(已经安装了node / npm):-

  • npm init
  • npm install panini --save-dev
  • npm install gulp --save-dev
  • ?手动创建了我的{src /页面,布局,局部,数据,helpers}和dist文件夹?不知道我是否之前必须这样做?)
  • 创建了一个gulpfile.js文件,并从github复制/粘贴了gulp.task(“ default” ...)代码段:

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页面并观看了所有的视频,但是它不是很描述性或对初学者友好。

谢谢!

0 个答案:

没有答案