前端模組化，是指js編寫的的模組化規範。
本文參考：大神偶像阮一峰老師的文章
為什麼要模組化？
1.乙個檔案需要很多js檔案做依賴的時候，這些js檔案之間的關係很容易讓人眩暈，模組化後可以現用現引；
2. 模組後可以防止模組內的變數和模組外的變數相互汙染；
模組化發展經歷了哪些階段？鏈結
模組化分類
js是前、後端都可以用的語言，針對前後端不同的載入速度，模組化規範也分為兩種：後端的commonjs 和前端的amd規範
commonjs 的應用者就是nodejs。（webpack和它什麼關係？？？？？？）
commonjs 規範是同步載入的，正是因為這一點，commonjs 不適合作為前端規範來用，
（因為前端由於網速限制，每個檔案都載入模組的話會產生大量的網路請求，只適合作為伺服器的規範來使用）
nodejs每個檔案都是乙個模組；
通過module.export /export暴露介面來輸出，通過require來引入（這些必須在學習完nodejs之後才能理解）；
amd規範的應用者是requir.js；
require.js通過define來定義模組，通過require來載入模組，載入完模組後執行後面的**函式，**函式的引數就是載入的模組
具體操作（在html檔案裡引入）
main.js裡配置（通常都有單獨的配置檔案）和引用
require.config(
})//關於config屬性的引數，是乙個物件，物件的屬性常用的有pahts（複數），baseurl，
require(['jquery', 'math'], function ($, math) )
定義模組：兩種方法，函式式和物件式，通常使用函式式，也可以引用依賴的模組
1//定義模組有兩種形式：函式式和物件式
2 define(function()
7return
10});
11//
define([
12//
'require',
13//
'dependency'
14//
], function(require, factory) );
18//
define(
23//
});
require.js的應用者是誰，和webpack有什麼關係，為什麼webpack的配置檔案和commonsjs的配置檔案格式那麼像？？？？？？？
前端模組化規範
在前端開發中，在使用webpack等構建工具開發中我們經常使用import from 或者是require來引入我們需要的模組，那麼下面來聊聊前端模組化幾種規範。在早期我們寫js 通常是這樣子 var a 1 var b 1 function a function b 這樣子會造成命名衝突和全域性汙...
JS前端模組化規範
於是有了菜鳥解惑的搜嘍過程。匯入 require module 匯出 exports.getstoreinfo function module.exports somevalue 參照commonjs模組代表node.js的模組系統 定義 define module dep1 dep2 functi...
模組化規範
1 commons.js規範 適應於服務端模組化，同步載入模組。node.js按照該規範。require 載入 module.export匯出 2 amd規範 非同步模組定義，適應於瀏覽器模組化，非同步載入模組。requirejs按照該規範。模組定義 define 依賴的模組 function 模組...