typeScript第三篇tsconfig.json配置文件、namespace命名空间、三斜线指令、声明文件d.ts、Mixins混入、装饰器Decorator、Rollup、webpack构建TS

在TypeScript中，tsconfig.json是一个用于配置编译器行为的JSON文件。第三部分主要涉及到如何使用namespace（命名空间）来组织代码，三斜线指令，以及如何处理声明文件。

1. tsconfig.json：

一个最简单的tsconfig.json文件可能如下所示：

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "noImplicitAny": false,
    "sourceMap": false
  },
  "include": [
    "src/**/*"
  ],
  "exclude": [
    "node_modules"
  ]
}

这个文件指定了编译器的目标是ES5，模块系统是CommonJS，不进行隐式any类型推断，并且不生成源映射文件。它还指定了要编译的文件的路径，并排除了node_modules目录。

2. namespace（命名空间）：

命名空间用于组织代码，可以防止全局变量的污染。例如：

namespace MyMath {
  export function multiply(x: number, y: number): number {
    return x * y;
  }
}
 
console.log(MyMath.multiply(4, 2)); // 输出: 8

3. 三斜线指令：

三斜线指令是TypeScript中的预处理器指令，用于编译器的行为。例如，你可以使用/// <reference path="..." />来引用全局定义文件。

4. 声明文件：

TypeScript的声明文件通常以.d.ts为扩展名，用于声明在你的JavaScript运行环境中存在的库或者全局变量。例如：

// math.d.ts
declare function multiply(x: number, y: number): number;
declare namespace Math {
  export function multiply(x: number, y: number): number;
}

在这个声明文件中，我们声明了一个全局函数multiply以及扩展了全局Math命名空间的multiply方法。这样，在你的TypeScript代码中就可以不用引入任何模块，直接使用这些方法了。