1. 簡介
介紹模塊打包工具
2. 什么是模塊
關于模塊和模塊化昆码，百度百科有一段引用自《Java應用架構設計：模塊化模式與OSGi》一書的解釋非常好：
在系統(tǒng)的結構中塞祈，模塊是可組合、分解和更換的單元。模塊化是一種處理復雜系統(tǒng)分解成為更好的可管理模塊的方式悄谐。它可以通過在不同組件設定不同的功能允华，把一個問題分解成多個小的獨立萍肆、互相作用的組件果港，來處理復雜削罩、大型的軟件瞄勾。
3. 常用模塊規(guī)范
常用的模塊規(guī)范有如下幾種：
- commonjs：
使用module.exports或者exports導出，使用require加載弥激。代表：node - amd：
使用define定義模塊进陡，使用require加載，依賴前置微服。代表：requirejs - cmd
使用define定義模塊趾疚，使用require加載，就近依賴职辨。代表：seajs - esmodule
export導出盗蟆，import加載。推薦寫法舒裤。
3. 演示
演示了commonjs的寫法喳资。不在此列舉。
4. 模塊打包工具
顧名思義腾供，就是用來分辨模塊的依賴關系仆邓，組織模塊代碼的工具。對于webpack模塊伴鳖，有著更廣泛的類型支持节值，不僅僅是js模塊而已。（雖然本質上還是先翻譯成js模塊榜聂，但是形式上支持各種類型的模塊）搞疗。
總的來說，webpack 提供了可定制的须肆、強大和豐富的 API匿乃，允許任何技術棧使用 webpack桩皿，保持了在你的開發(fā)、測試和生成流程中的無侵入性(non-opinionated)幢炸。
5. 作業(yè)
參考
js模塊化
JS模塊化
什么是js模塊化泄隔？js模塊化的介紹
模塊(modules)
webpack模塊化原理-ES module
深入理解JS模塊
百度百科-模塊化
JavaScript模塊化（ES Module/CommonJS/AMD/CMD）
