React と Redux を利用するための環境
├── README.md
├── dist
├── node_modules
├── package.json
├── public
│ └── index.html
├── src
│ ├── components
│ └── index.js
├── webpack.config.js
├── .env
└── yarn.lock
dist
: webpack でビルドしたあとのファイルを配置public
: 静的ファイルなどを配置src
: React のコンポーネントとかを配置.env
: webpack-dev-server に読み込ませる環境変数
基本的にpublic
、src
配下のファイルをバンドルして dist
に吐き出すようにしている
webpack-dev-server で環境変数を読み込めるようにしている。 必要な環境変数があれば適宜作成すること。
developmentモードで webpack-dev-server を起動
productionモードで webpack-dev-server を起動
dist
にビルドしたファイルを吐き出す