HTML 制作時のテンプレート
npm install
npx gulp
or gulp
--php
のオプションを指定することでWordPressサイトとしてのビルドが可能。
ただし、watchする場合はnpx gulp watchwp --php
と、watch関数とオプションを指定する必要あり。
src フォルダで開発を進める。 コンパイル?トランスパイル?された生成物は dist フォルダに生成される。(dist フォルダがなければ作成される)
HTML のテンプレートは ejs と pug があるが、標準では pug を使う。 ejs を使うようにするには gulpfile を書き換える必要あり。(できればオプション指定などで変更できるようにしたい)
css は scss の記法で src>sass フォルダ内で記述。 .browerslistrc ファイルでサポートブラウザを指定している。
babel を使って変換してる。変換しないと uglify で圧縮できなかった。 生成されるのは改行やスペースがなくなった圧縮されたコード。 全ての js を一つのファイルに結合するには gulpfile で concat のコメントを外す。 gulpfile には typescript のトランスパイルも記述されてるけどコピペしただけ。
画像ファイルは圧縮する。