カテゴリー「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を使用し、リリース時は実際に使用するドメイン名を使用したい場合などです。コマンドラインで...