首先思考一個問題，為什麼要模塊化？很清晰，是為瞭便於開發,準確的講，是在工程實踐中，降低代碼耦合度的解決方案,或者說是封裝工具的方案。對於任何編程語言而言，高復用、低耦合再加開箱即用，才是我們所需要的。縱觀其他的各類經典語言python、c、c++、java等，無不有著成熟的模塊機制。但是對於前端js的模塊化機制而言，因為發展較晚，所以標準眾多，其模塊化的發展局面如同前端框架的混戰局面一般，天下群雄四起，個個都想問鼎中原，業界缺乏統一標準。但是熟讀史書的我們，應該深深的明白，天下大勢，“分久必合，合久必分”，套用到技術領域，則是“分久必合，合後，或經久不衰，或被他者取代”。總而言之，這種局面，遲早會被終結。

本文我們就簡單捋一捋，前端模塊化的歷史演進。

階段一：文件劃分

最最原始的方式。就是將變量和方法單獨放在一個文件裡頭，如下所示：