jQueryプラグイン「jQuery TabPager」にGulp.jsのタスクを組み込みました

以前作ったタブ切り替えとタブ内でページネーションを Ajaxなしで実装する jQueryプラグイン「jQuery TabPager」に「Gulp.js」を導入してタスクを組み込みました。

組み込んだ内容を紹介します。

  
この記事は2年以上前に書かれたものです。
情報が古い可能性があります。

以前書いたプラグインの公開記事

タブ切り替えとタブ内でページネーションをAjaxなしで実装するjQueryプラグイン「jQuery TabPager」を作ったので公開

GitHub

Gulp.js

Gulp.js で使用しているパッケージの一覧です。

  • gulp
    • Gulp.js 本体です。
  • gulp-sass
    • CSS拡張メタ言語の Sass を使用します。
  • gulp-autoprefixer
    • ベンダープレフィックスを付与してくれます。
  • gulp-uglify
    • JSファイルとCSSファイルを圧縮しています。
  • browser-sync
    • ファイルを保存した時にブラウザと同期してリロードしてくれます。
  • gulp-pug
    • Pug を使用してデモページの HTML を書き出しています。
  • gulp-plumber
    • エラーでタスクが終了するのを防止します。

リポジトリをクローンして、プロジェクトフォルダに移動します。

cd build/

npm パッケージのインストールをおこないます。

npm install

Gulp のタスクを起動します。

gulp

EditorConfig

EditorConfig も導入してみました。
エディタなど開発環境が変わっても、対応しているエディタであれば、インデントの設定などを統一することができます。

GitHub Pages

GitHub Pages にデモページを移行しました。

  

共有やブックマークなど

コメントは受け付けていません。