はじめに webpack の Tree Shaking に関する備忘録です。以下を目的とした記事になります。 Tree Shaking とは何か、なぜ Tree Shaking をするのかを理解する webpack を利用して Tree Shaking するためにはどうすれば良いのかを理解する Tree Shaking 以外の「デッドコードをバンドルさせない」ための手段を理解する 解説に利用しているコードの最終形態は GitHub 上にあります(hira777/webpack-tree-shaking-example)。 webpack を理解していることを前提とした記事ですので、基礎知識を習得したい方は webpack 4 入門をご覧ください。 Tree Shaking とは webpack などでファイルをバンドルする際に、デッドコード(利用されていない不要なコード)を除去してファイル
![webpackのTree Shakingを理解して不要なコードがバンドルされるのを防ぐ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/da9675772b45395e9e76bb750f71f1b12db6a0c3/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9d2VicGFjayVFMyU4MSVBRVRyZWUlMjBTaGFraW5nJUUzJTgyJTkyJUU3JTkwJTg2JUU4JUE3JUEzJUUzJTgxJTk3JUUzJTgxJUE2JUU0JUI4JThEJUU4JUE2JTgxJUUzJTgxJUFBJUUzJTgyJUIzJUUzJTgzJUJDJUUzJTgzJTg5JUUzJTgxJThDJUUzJTgzJTkwJUUzJTgzJUIzJUUzJTgzJTg5JUUzJTgzJUFCJUUzJTgxJTk1JUUzJTgyJThDJUUzJTgyJThCJUUzJTgxJUFFJUUzJTgyJTkyJUU5JTk4JUIyJUUzJTgxJTkwJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1jNzRhMmNhNDc2ZjE0NzUwYjQzNDJhMWU3YzU2ZGRjNA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzb2FyZmxhdCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YjlhZjM3N2I3MWQzNThlM2ViNTVlYWU4YjgxYTIwMzg%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D84f92a83cf24a73c9a2a68a7af64b928)