module bundlerの作り方(準備編) - hiroppy's site

テクノロジーカテゴリーの変更を依頼記事元:

hiroppy.me

52 usersがブックマークコメント

コメント

3

記事へのコメント3件

注目コメント
新着コメント

efcl BabelのJavaScriptパーサを使って基本的なmodule bundlerを作成するチュートリアル

2020/05/25 リンク

ginpei webpackコアコミッターによるバンドラー実装の例と解説。

javascript

2020/05/21 リンク

ledsun ゆっくり時間を掛けて読まないと理解がおいつかない

2020/05/20 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

module bundlerの作り方(準備編) - hiroppy's site

今回は中身がどう動いているかを解説したいと思います。最初のこの記事では、最低限の実装を説明してい... 今回は中身がどう動いているかを解説したいと思います。最初のこの記事では、最低限の実装を説明していくことにします。 webpack のアルゴリズムの仕組みはこちらを読んでください。必要なステップ必要なステップは以下の 3 つです。エントリーポイントからのすべてのモジュールを走査し、requireを解決後にユニーク id を付与していくコード内のモジュールパス(requireの引数(e.g. ./module.js))を id へ置換する runtime のコードテンプレートの作成 IIFE(即時関数)箇所とそれに付随する引数の module 群この実装されあれば、動くコードはできます。(2 つめは optional でもいいけど後からつらくなる) モジュール解決今回は説明しやすいように関数を 2 つに分けています。すべてのモジュールの把握と ID 作成コード内の requi

ブックマークしたユーザー

mizdra2020/08/08
shotana2020/05/26
efcl2020/05/25
rikuba2020/05/23
masa_iwasaki2020/05/21
ginpei2020/05/21
seapig_dolphin2020/05/21
kyo_ago2020/05/20
mhkohei2020/05/20
ledsun2020/05/20
hirokts2020/05/20
toshi-toma2020/05/19
kkeisuke2020/05/19
mstk_knife2020/05/19
bouzuya2020/05/19
yasupeke2020/05/19
isudzumi2020/05/19
satom9to52020/05/19

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx