メタ言語(EJS、Sass(SCSS)、TypeScript)のコンパイル環境です。画像も圧縮します。
/src
フォルダを修正するとコンパイル実行(ブラウザも更新)/src
フォルダ ->/dest
フォルダにコンパイルされる/src/ejs
->/dest
直下(.ejs
->.html
)/src/scss
->/dest/css
(.scss
->.css
)/src/ts
->/dest/js
(.ts
->.js
)/src/img
->/dest/img
(.jpg
,.jpeg
,.png
,.gif
,.svg
画像を圧縮)/src/json
->/src/ejs
,/src/ts
で読み込み
当リポジトリをローカルにクローン
$ git clone https://github.com/ryo-i/front-end-getting-sterted.git
「front-end-getting-sterted」というフォルダが作られる。
フォルダに移動
$ cd front-end-getting-sterted
パッケージのインストール
$ npm install
「node_modules」フォルダが作られる。
gulp起動
$ npm start
localhostの3000でブラウザが立ち上がる
gulp終了
Contrl + C
GitHub上の新規リポジトリにコミットする場合はgit remote
コマンドで紐付け
$ git remote add origin https://github.com/ユーザ名/リポジトリ名.git
本リポジトリ環境のメタ言語を使って作ったWebページ
本リポジトリのコンパイル後のコードを元に作ったHTML/CSS/JSコーディングの最小環境
本リポジトリの作成過程、メタ言語について調べたことなど