是否JS模块化规范我们在工作中使用CommonJS 和 ES6即可？-灵析社区
九久九流行的JS模块化规范有5种， CommonJS、AMD、CMD、UMD以及ES6 请问是否是比较常用的是：CommonJS 和 ES6， 其他的都用的很少？ 我们在工作中使用CommonJS 和 ES6即可？
代码剑客行现代JS（包括TS）开发直接写ESM这一规范就好了，不需要手写其他规范的模块了。
如果你担心旧环境的兼容，可以利用构建工具（比如webpack、rollup），把ESM转成其他的规范。
比如一段ESM代码。
export function greeting(name: string) {
return `hello ${name}`
}
可以打包成CJS
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.greeting = void 0;
function greeting(name) {
return `hello ${name}`;
}
exports.greeting = greeting;
AMD
define(["require", "exports"], function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.greeting = void 0;
function greeting(name) {
return `hello ${name}`;
}
exports.greeting = greeting;
});
UMD
(function (factory) {
if (typeof module === "object" && typeof module.exports === "object") {
var v = factory(require, exports);
if (v !== undefined) module.exports = v;
}
else if (typeof define === "function" && define.amd) {
define(["require", "exports"], factory);
}
})(function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.greeting = void 0;
function greeting(name) {
return `hello ${name}`;
}
exports.greeting = greeting;
});
SystemJS
System.register([], function (exports_1, context_1) {
"use strict";
var __moduleName = context_1 && context_1.id;
function greeting(name) {
return `hello ${name}`;
}
exports_1("greeting", greeting);
return {
setters: [],
execute: function () {
}
};
});
以上的CJS、AMD、UMD模块，都是打包工具自动生成的，你只要写ESM模块就好了，剩下的就交给工具。