browserSyncのrewriteRulesでSSI
WEBサーバで、SSI（Server Side Include）というのを使えるようにするとこの書式で、外部データをHTMLの一部として読み込めます。 npmパッケージでおなじみのbrowserSyncでSSIを使うとき …
「gulp」の記事一覧
gulp-sassでautoprefixerを併用するとsourcemapが書き出されない対策
このようなgulp-sassでsassをコンパイルし、gulp-autoprefixerでベンダープレフィックスを自動付与する設定があり gulp-sourcemapsを追加してcssのsourceMapファイルを書き出 …
package.jsonのscriptsでローカルインストールしたgulpでtaskを実行
執筆当時の2017年5月は、gulpはバージョン3.9.1でしたが ベータ版のgulp4が公開されていたので、それをローカルインストールしてプロジェクトを作成してみました。 gulp4をローカルインストールすると、pac …
gulp4でTypeErrorがでるときはgulp-cliが原因
gulp4を使用しているプロジェクトをnpm installから展開し、gulpのdefaultタスクを実行しようとすると このようなエラーがでました。 調べてみると、gulp4とgulp-cliのバージョンが噛み合わな …
gulpでshift_jisとCR+LFの開発環境を構築
gulpでSassコンパイルやBrowsersyncを使った自動更新を使うことが多いのですが 案件によっては、文字コードにshift_jisの指定があるものがあります。 gulpでshift_jisを取り扱うにあたり、懸 …
gulpをグローバルインストール
gulpは、node.jsで動くタスクランナーです。 タスクランナーとは、ざっくりいうと scssのビルドや画像の圧縮、ソースの圧縮などの定形タスクを まとめて実行してくれる仕組みのことです。 タスクランナーは、Java …