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 ファイルを設定するくらいです。