2022/10/31 追記 2022年時点ではWebpackでReactの環境を構築するより、Viteを用いて環境構築するほうがメジャーになっています。 筆者としても新規開発するならWebpackより、Viteの方で構築することをおすすめします。 ViteではReactのビルド用設定はPluginとしてパッケージされており、Webpackのように設定が必要ではありません。 下記はWebpack v4の話であり、すでに過去の物となっています。 ※自分のブログに投稿したのものと同じです。 https://mr-ozin.hatenablog.jp/entry/2020/06/20/043243 動機 毎回 npx create-react-app で React アプリを生成していて Webpack の勉強から逃げていたが、いい加減向き合いたいと思ったため。 昔 Webpack に入門しようと
![Webpackを一歩一歩確実に理解してReact + TypeScript環境を作る (2022/10/31 追記) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/c3a841e2898649734d1dafddca48ec0d25d20587/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9V2VicGFjayVFMyU4MiU5MiVFNCVCOCU4MCVFNiVBRCVBOSVFNCVCOCU4MCVFNiVBRCVBOSVFNyVBMiVCQSVFNSVBRSU5RiVFMyU4MSVBQiVFNyU5MCU4NiVFOCVBNyVBMyVFMyU4MSU5NyVFMyU4MSVBNlJlYWN0JTIwJTJCJTIwVHlwZVNjcmlwdCVFNyU5MiVCMCVFNSVBMiU4MyVFMyU4MiU5MiVFNCVCRCU5QyVFMyU4MiU4QiUyMCUyODIwMjIlMkYxMCUyRjMxJTIwJUU4JUJGJUJEJUU4JUE4JTk4JTI5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1jMGIzOGM5YzQ0ZmFjNTk5YmUxNmVmNTA1NmQ1YzE3Ng%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBNcl9vemluJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz01MTBjNTI1NjQ4ZDMxZWJhNTlmZGU5YTlhZjMwMzNkMQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D230c96f1808970dee7b93045a6f815c0)