Node.js tsconfig.json 中模块类型的区别

发布于12月26日

在Tconfig.json

{
    "compilerOptions": {
     "target": "es5",
     "module": "commonjs",
     "moduleResolution": "node",
     "sourceMap": true,
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "removeComments": false,
     "noImplicitAny": false
  }
}

我无法理解以下module种类型之间的区别:

"commonjs"、"amd"、"umd"、"系统"、"es6"、"es2015"、"无"

Question:我应该使用哪个值，何时使用？

推荐答案

CommonJS模式(或nodejs):

var someOtherFunction = require('./someOtherFunction.js');
exports.add = function() {
    var sum = 0, i = 0, args = arguments, l = args.length;
    while (i < l) {
        sum += args[i++];
    }
    return sum;
}

ES6模式:

import someOtherFunction from './someOtherFunction.js';

export function add() {
    var sum = 0, i = 0, args = arguments, l = args.length;
    while (i < l) {
        sum += args[i++];
    }
    return sum;
}

AMD模式:

define(['someOtherFunction'], function () {
    return function () {
        var sum = 0, i = 0, args = arguments, l = args.length;
        while (i < l) {
            sum += args[i++];
        }
        return sum;
    };
});

Asynchronous Module Definition (AMD)是最流行的客户端代码，而node.js模块(CommonJS模块/1.1的扩展)是服务器端环境中的主流模式.

Universal Module Definition (UMD)是一组样板食谱，试图弥合AMD和node之间的差异.js，允许工程师以单一格式编写代码库，而不是以两种格式编写，或在构建步骤中转换为另一种格式.

ES5是常见的JavaScript.

您将在Angular2中使用ES6，也称为ECMAScript 2015.