zukucode
主にWEB関連の情報を技術メモとして発信しています。

カテゴリー「gulp」に関連するページ一覧 1ページ目


  • gulpをES2015で実装する

    gulpをES2015(ES6)で実装するための手順です。gulpがインストールされていない場合はインストールします。(nodejsは導入済みとします。)グローバルとローカルの両方にインストールします...


  • gulp front-matterの内容をdataとして使用する

    ブログの記事を作成するにあたって、title descriptionのメタ情報などファイルごとに管理する情報はfront-matterの形式で管理すると便利です。front-matterを使うと、ファ...


  • gulp markdownの内容をhtmlに変換する

    gulpでmarkdownの形式で記載したデータをhtmlに変換します。以下のパッケージをインストールします。gulp front-matterの内容をdataとして使用するで扱ったように、タスク処理...


  • gulp markdownを変換してnunjucksで扱う

    gulp markdownの内容をhtmlに変換するでmarkdownファイルの内容をhtmlに変換する方法を紹介しました。実際に公開するhtmlファイルの中身はmarkdownから変換したhtmlの...


  • gulp nunjucksをコンパイルしてhtmlに変換する

    gulp markdownを変換してnunjucksで扱うでfront-matterやmarkdownの内容をgulp-dataでデータとして渡すところまで実装しました。nunjucksで記載されたテ...


  • nunjucks includeで絶対パスを指定する

    nunjucksの便利な機能の1つにincludeがあります。例えば以下のようなフォルダ構成とします。A.njkで{% include partials/header.njk %}を実行すると、par...


  • gulp lessをcssにコンパイルする

    lessファイルをgulpを使ってcssにコンパイルします。gulp-lessとgulp-autoprefixerをインストールします。gulp-autoprefixerはなくても構いませんが、古いブ...


  • gulp 引数を受け取って開発時とリリース時で処理を分岐する

    gulpで開発時とリリース時で処理を分岐したい場合があります。例えば開発時は絶対パスのURLにlocalhostを使用し、リリース時は実際に使用するドメイン名を使用したい場合などです。コマンドラインで...