可能就是好奇心略重了，讀了一下webpack打包后的bundle.js的代碼，復(fù)雜的模塊可能讀不懂，但簡單的hello world模塊我還是能看懂的。沒什么目的，就是想通過幾個(gè)簡單的模塊，一條簡單的webpack命令，一個(gè)神奇的bundle.js代碼來了解webpack是怎么把遵循commonJs規(guī)范的模塊應(yīng)用到瀏覽器端的。
幾個(gè)簡單的模塊：
一條簡單的webpack命令：
一個(gè)神奇的bundle.js：
View Code
注釋太多有點(diǎn)懵逼，可是細(xì)看也不就是一個(gè)立即執(zhí)行的函數(shù)表達(dá)式嘛（IIFE），這是JavaScript中常見的獨(dú)立作用域的方法。這里我將注釋簡化一下：
1 (function(modules){ 2 //module緩存對(duì)象 3 var延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式