From 176ccef20f3b1d8d44d9dd0f68c8e122f76f8c4f Mon Sep 17 00:00:00 2001
From: hina <hina@hinaloe.net>
Date: Thu, 14 Mar 2019 21:21:31 +0900
Subject: [PATCH] =?UTF-8?q?mix=E5=91=A8=E3=82=8A=E3=81=AEREADME=E8=8D=89?=
 =?UTF-8?q?=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 7fdf3bb..8bd1e80 100644
--- a/README.md
+++ b/README.md
@@ -33,10 +33,11 @@ docker-compose build
 docker-compose up -d
 ```
 
-4. Composer を使い必要なライブラリをインストールします。
+4. Composer と yarn を使い必要なライブラリをインストールします。
 
 ```
 docker-compose exec web composer install
+docker-compose exec web yarn install
 ```
 
 5. 暗号化キーの作成と、データベースのマイグレーションを行います。
@@ -52,7 +53,14 @@ docker-compose exec web php artisan migrate
 docker-compose exec web chown -R www-data /var/www/html
 ```
 
-7. 最後に `.env` を読み込み直すために起動し直します。
+7. アセットをビルドします。
+
+```
+docker-compose exec web yarn dev
+```
+
+
+8. 最後に `.env` を読み込み直すために起動し直します。
 
 ```
 docker-compose up -d
@@ -68,6 +76,16 @@ docker-compose -f docker-compose.yml -f docker-compose.debug.yml up -d
 
 で起動することにより、DB のポート`5432`を開放してホストマシンから接続できるようになります。
 
+## アセットのリアルタイムビルド
+`yarn watch`を使うとソースファイルを監視して差分があると差分ビルドしてくれます。フロント開発時は活用しましょう。
+```
+docker-compose run --rm web yarn watch
+```
+
+もしファイル変更時に更新されない場合は`yarn watch-poll`を試してみてください。  
+現在Docker環境でのHMRはサポートしてません。Docker外ならおそらく動くでしょう。  
+その他詳しくはlaravel-mixのドキュメントなどを当たってください。
+
 ## 環境構築上の諸注意
 
 - 初版時点では、DB サーバとして PostgreSQL を使うよう .env ファイルを設定するくらいです。