前端開發規範在node中遵循commonjs,瀏覽器中遵循es modules匯出
匯入
匯出匯入
有些瀏覽器不支援esm的方式,需要轉成es5
unpkg可以提供各種包的cdn,使用script標籤引入
在nodejs中使用esm需要將副檔名改為mjs,且node版本要大於8.5,啟用命令為node --experimental-modules index.mjs
node版本大於12後可以在package.json中新增type: module欄位來使全域性使用esm模式,不需要再修改檔案字尾
前端模組化開發
1.通常我們寫js是下面這樣 function fn1 function fn2 在需要呼叫的地方直接方法名呼叫就可以了,但多人開發容易引起命名的衝突,不利於優化!2.可以將所有的方法封裝到乙個物件中 var demo start function fn2 function demo.init 這樣...
模組化開發
講模組化開發之前,我們先了解一下 傳統開發模式 是什麼?比如說a所在的公司在做乙個專案,公司安排a跟b還有c三個人一起協同開發,a負責一部分功能塊,b負責另一部分功能塊,把專案的功能分成一塊一塊,這適用於多人協作開發,每個人負責不同的功能塊,當然,這其中有人是負責整合的,有人是負責開發公共功能塊的等...
模組化開發
commonjs規範 同步模式載入模組,導致效率低 node.js環境 乙個檔案就是乙個模組 每個模組都有單獨地作用域 通過module.exports匯出成員 通過require函式載入模組 amd asynchronous module definition 規範 使用相對複雜 模組js檔案請求...