可能就是好奇心略重了,讀了一下webpack打包后的bundle.js的代碼,復(fù)雜的模塊可能讀不懂,但簡單的hello world模塊我還是能看懂的。沒什么目的,就是想通過幾個簡單的模塊,一條簡單的webpack命令,一個神奇的bundle.js代碼來了解webpack是怎么把遵循commonJs規(guī)范的模塊應(yīng)用到瀏覽器端的。

幾個簡單的模塊:

一條簡單的webpack命令:

一個神奇的bundle.js:

 View Code

注釋太多有點懵逼,可是細看也不就是一個立即執(zhí)行的函數(shù)表達式嘛(IIFE),這是JavaScript中常見的獨立作用域的方法。這里我將注釋簡化一下:

復(fù)制代碼
 1 (function(modules){  2 //module緩存對象  3 var
        		

網(wǎng)友評論