この記事は 2020 年 9 月開催の技術書典9 に合わせて刊行された『りあクト！ TypeScript で始めるつらくない React 開発 第3版【Ⅰ. 言語・環境編】』の中の「2-9. モジュールを読み込む」の前半の内容を理解・分解・再構築したものです。

<a href="https://oukayuka.booth.pm/items/2368045" target="_blank" rel="nofollow noopener noreferrer">https://oukayuka.booth.pm/items/2368045</a>

私たちは React や Vue.js のコードで気軽に import / export を書いて他のファイルの中身を読み込んでいますが、それができるようになるまでにどんな歴史的経緯があったか、そして実際にはそれがどのように変換され動作しているのかが物語風にわかるようになっています。

なおオリジナルの本では厳密なキャラ付けがなされているのですが、ここでは別の世界線の 2 人の会話と考えてください。

この記事は 2020 年 9 月開催の技術書典9 に合わせて刊行された『りあクト！ TypeScript で始めるつらくない React 開発 第3版【Ⅰ. 言語・環境編】』の中の「2-9. モジュールを読み込む」の前半の内容を理解・分解・再構築したものです。

https://oukayuka.booth.pm/items/2368045

私たちは React や Vue.js のコードで気軽に import / export を書いて他のファイルの中身を読み込んでいますが、それができるようになるまでにどんな歴史的経緯があったか、そして実際にはそれがどのように変換され動作しているのかが物語風にわかるようになっています。

なおオリジナルの本では厳密なキャラ付けがなされているのですが、ここでは別の世界線の 2 人の会話と考えてください。

JS モジュール三國志（from りあクト！）

CommonJS の台頭

そして AMD が立ち上がる

ES Modules による覇権の確立

黒幕の正体 webpack 

webpack はフロントエンド標準ビルドツールの夢を見るか？

『りあクト！』はいいぞ（宣伝）

javascript

nodejs

react

webpack

フロントエンド

oukayuka