Tree shakingの話 - コンパイラかく語りき

前回、Rollupについて書きました。 chuckwebtips.hatenablog.com Rollupの中心的な概念として、”tree shaking”というものがあるそうです。今回はその仕組について調べましたのでメモします。 ※筆者は最近フロントエンドの世界にやってきました。この記事はあくまで勉強メモです。誤りがありましたら、ご指摘いただけると助かります。 Tree Shaking Tree Shakingとは、直訳すると「木を揺らすこと」。転じて、何かを実行することという意味があるようです。 Rollupの文脈においては、「不要なものを削ぎ落とす」という意味合いだと思われます。 不要なものを削ぎ落とす？ では、不要なものとはなんでしょうか？ それは、bundleファイルからの不使用なexportです。Rollup.jsは、ES6の静的なモジュール構造を利用して、不使用なexpor