michinosuke / gulp-pug-sass-typescript Goto Github PK

Gulpで自動コンパイルできるPug + SASS(SCSS) + TypeScript環境です。

1. git cloneでこのリポジトリをリモートにクローンします。
2. yarn addを実行します。
3. srcディレクトリを書き換えると、docsディレクトリにコンパイルされます。

srcディレクトリ直下を監視し、docsディレクトリに自動コンパイルさせるためには、以下を実行します。

$ gulp

srcディレクトリ内のhogeディレクトリで作業する場合、以下のようにしてください。

$ gulp --base hoge

監視して自動コンパイルする必要がない場合は、以下を実行することでsrcディレクトリ直下のコンパイル成果物をdocsディレクトリに出力できます。

$ gulp compile

srcディレクトリ内のhogeディレクトリをコンパイルする場合は、以下のようにしてください。

$ gulp compile --base hoge

srcディレクトリ内にディレクトリを作成することで、階層構造を作成することができます。

$ sh ./create-dir hoge

を実行することで、srcディレクトリにhogeディレクトリを作成できます。hogeディレクトリにはsetup-templateの内容が初期状態としてコピーされます。

階層構造は維持されたまま、docsディレクトリにコピーされます。