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

幾個(gè)簡(jiǎn)單的模塊：
平面設(shè)計(jì)培訓(xùn),網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn),美工培訓(xùn),游戲開(kāi)發(fā),動(dòng)畫(huà)培訓(xùn)

一條簡(jiǎn)單的webpack命令：
平面設(shè)計(jì)培訓(xùn),網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn),美工培訓(xùn),游戲開(kāi)發(fā),動(dòng)畫(huà)培訓(xùn)

一個(gè)神奇的bundle.js：

平面設(shè)計(jì)培訓(xùn),網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn),美工培訓(xùn),游戲開(kāi)發(fā),動(dòng)畫(huà)培訓(xùn) View Code

注釋太多有點(diǎn)懵逼，可是細(xì)看也不就是一個(gè)立即執(zhí)行的函數(shù)表達(dá)式嘛（IIFE），這是JavaScript中常見(jiàn)的獨(dú)立作用域的方法。這里我將注釋簡(jiǎn)化一下：

平面設(shè)計(jì)培訓(xùn),網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn),美工培訓(xùn),游戲開(kāi)發(fā),動(dòng)畫(huà)培訓(xùn)

 1 (function(modules){ 2     /
        
		

        		
網(wǎng)友評(píng)論