web模組化規範和實現

2021-07-27 13:48:59 字數 587 閱讀 2887

規範commonjs和實現nodejs

math.js

function add(x, y)

module.exports =

main.js

var math = require('./math')

console.log("2+2=" + math.add(2, 2));

node main.js

規範amd和實現requirejs

index.html

requirejs(['math'], function(math));

math.js

define(function();

return ;

});規範cmd和實現seajs

index.html

math.js

define(function(require, exports, module);

});umd

es6模化

瀏覽器目前還不支援, 不過可以通過babel工具進行轉換,再通過webpack等工具進行打包部署。

typescript模組

放在typescript再介紹。

模組化規範

1 commons.js規範 適應於服務端模組化,同步載入模組。node.js按照該規範。require 載入 module.export匯出 2 amd規範 非同步模組定義,適應於瀏覽器模組化,非同步載入模組。requirejs按照該規範。模組定義 define 依賴的模組 function 模組...

前端模組化規範

在前端開發中,在使用webpack等構建工具開發中我們經常使用import from 或者是require來引入我們需要的模組,那麼下面來聊聊前端模組化幾種規範。在早期我們寫js 通常是這樣子 var a 1 var b 1 function a function b 這樣子會造成命名衝突和全域性汙...

js模組化規範

標記已經載入成功的個數 var req total 0 模組匯出 window.exports 記錄各個模組的順序 var exp arr 判斷是否陣列 function isarray param require 真正實現 function require arr,callback else va...