Question

在tsconfig.json

中

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

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

“commonjs”，“amd”，“umd”，“system”，“es6”，“es2015”，“none”

问题：我应该使用哪个值以及何时使用它？

Answer 1

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;
    };
});

异步模块定义（AMD）是客户端代码最常用的，而node.js模块（CommonJS Modules / 1.1的扩展）是服务器端环境中的主要模式。

通用模块定义（UMD）是一组样板配方，试图弥合AMD和node.js之间的差异，允许工程师以单一格式编写代码库，而不是作者两种格式或在构建步骤中转换为其他格式。

ES5是您常见的常见JavaScript。

您将使用ES6 for Angular2，也称为ECMAScript 2015。

tsconfig.json中模块类型的区别

1 个答案: