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

幾個簡單的模塊:
平面設計培訓,網頁設計培訓,美工培訓,游戲開發(fā),動畫培訓

一條簡單的webpack命令:
平面設計培訓,網頁設計培訓,美工培訓,游戲開發(fā),動畫培訓

一個神奇的bundle.js:

平面設計培訓,網頁設計培訓,美工培訓,游戲開發(fā),動畫培訓 View Code

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

平面設計培訓,網頁設計培訓,美工培訓,游戲開發(fā),動畫培訓

 1 (function(modules){ 2     /