原文鏈接:https://blog.csdn.net/a_one2010/article/details/54563733
相信廣大前端朋友們都遇到過這么一個問題？ 什么是模塊化，模塊化開發如何實現？
那么什么是模塊化呢，時下流行的庫與框架又有哪些在利用模塊化進行開發呢？
今天我從以下兩個方向來進行描述，如果描述不夠准確，還請各位多多指正。
1.什么是模塊化？
模塊化就是講js文件按照功能分離，根據需求引入不同的文件中。源於服務器端。
在前段開發中，最先出現在node.js中，commne.js中（module.exports和require）隨着web應用的模塊化，在瀏覽器端頁是需要進行模塊化開發，早期AMD，CMD規范，代表Require.js和sea.js。在es6中，提出了原生模塊呼哈的解決方案，就是export和import但是瀏覽器並沒有完全支持，需要借助一些工具，--babel，實現這個轉換的有browserify和webpack。
在node.js中，模塊就是一個文件，通常js、json文件，包是多個模塊的集合，類似文件夾。
模塊化通俗點的理解就是這樣：就像我們小時候拼積木一樣。我們想拼一個房子出來，我們不是一下子從低到頂逐漸的拼出來。而是我們把一個橫條，豎條，圓圈等拼湊在一起，形成一個窗戶，一面牆，房頂等等部件。這些部件就如同是一個個模塊一樣。具備一定的功能，可以單獨分開使用。不同的框架和庫的模塊，有很多功能類似，可以理解為你的積木是塑料的，他的是木頭的，只要接口Api可以對的上，那么也可以通用。
2.Node.js中的模塊：Angular.js中的模塊：React.js中的模塊：有何異同？
nodejs里的模塊，就是一個文件，通常js、json文件。
Angularjs里的模塊就是一系列配置和代碼塊的集合，它們是在啟動階段就附加到應用上的。一個最簡單的模塊由兩類代碼塊集合組成的：
配置代碼塊 - 在注入提供者注入和配置階段執行。只有注入提供者和常量可以被注入到配置塊中。這是為了防止服務在被配置好之前就被提前初始化。
運行代碼塊 - 在注入器被創建后執行，被用來啟動應用的。只有實例和常量能被注入到運行塊中。這是為了防止在運行后還出現對系統的配置。
Reactjs里的模塊/組件：就是將一段js、html、css組合在一起，形成有一定功能的代碼片段