私自身の学習用、およびポートフォリオ掲載用にWebページをDocker、webpack、Reactで作成いたしました。

プロジェクトphinesze-home はwebpack、ReactでWebフロントエンド部分を動作させる1つのdockerコンテナで構成されています。

トップフォルダ内の直下にDockerfileとdocker-compose.ymlが用意されています。

• コンテナのビルド・デプロイ方法
  • トップフォルダで "npm run deploy" を実行してください。 (npxが使用可能なnpmのバージョン5.2.0以上がインストールされている事が条件です) (package.json にてコマンド "npm install", "npx webpack --config webpack.prod.js", "docker-compose up -d --build" を実行するよう記されています。)
• 開発サーバーでの実行方法
  • "npm run start" を実行の後、webブラウザで localhost:8080を開いてください。 (package.jsonにてwebpack-dev-serverを起動するように記されています。 webpack-dev-serverは変更を自動的に検出して再表示します。 )