webpack
https://scrapbox.io/files/6788495140d258509273c3c1.png
webpack とは
JS のモジュールバンドラ
複数の JS モジュールを1つ or 複数のファイルにバンドル（束にしてまとめる）してくれる
メリット
クライアントのリクエスト数が減り、ファイル転送効率が上がる
CSS や画像もバンドルできる
設定ファイル
webpack.config.js
CommonJS 記法で書く (require, module.exports)
resolve エントリー：依存関係の解決に関する設定
module.rules エントリ：モジュールの変換ルールに関する設定
externals エントリ：モジュールを外部依存にする
ローダー
JS の形式変換やアセット画像のバンドルにはローダーを用いる
jsx -> js, ts -> js など