什么是模塊化?
模塊化是指 解決一個復雜問題時自頂向下逐層把系統划分成若干模塊的過程, 有多種屬性,分別反映其內部特性 (百度)
模塊化一般是指 可以被抽象封裝的最小或最優代碼的集合 , 模塊化用於解決功能耦合問題
前端模塊化 一般是指javaScript 的模塊化 比較常見的就是 node.js 的NPM包 每個模塊可以是最小或最優的代碼組合 也可以是為了解決某些問題多個小模塊合並的一個大的模塊
如果沒有模塊化 可能很多重復行的代碼 就是進行 Ctrl + C Ctrl + V 的操作.這樣代碼的可維護性就會下降 而代碼模塊化以后 我們考慮的問題是 代碼的使用和維護成本 所以
就有了很多模塊化規范: CommonJS 、AMD 和 ES6 Module 規范（另外還有 CMD、UMD 等）
CommonJs : 是 NodeJs 廣泛使用的一套模塊化規范 是同步加載模塊依賴的方式 其中包含幾個屬性
require: 引入一個模塊
exports: 導出模塊內容
module: 模塊本身
AMD : 是js加載庫 RequireJS 提出並完善的一套模塊化規范 AMD 是 異步加載模塊依賴的方式 其中包含
id : 模塊的id
depenfencies : 模塊依賴
factory : 模塊化的工廠函數,即模塊化的初始化操作函數
request : 引入模塊
import : 引入模塊依賴
export : 模塊導出
ES6 Module : ES6推出的一套模塊化規范
除了Javascript的模塊化以外 在CSS中也可以使用@import 的方式來引入自己依賴的模塊 例如 : @import "load.css"
組件化更像是 模塊化的進一步封裝 根據業務場景不同封裝具有一定功能性質的整體