工程化和运行时TypeScript 编程内参

Posted 2021-04-23 前端时空

本文转载自腾讯IVWEB社区，作者eczn

本文是《约束即类型、TypeScript 编程内参》系列第三篇：工程化和运行时，主要记述 TypeScript 在工程中的应用和实际问题。

1. 约束即类型、TypeScript 编程内参（一）
2. 构造类型抽象、TypeScript 编程内参（二）
3. 工程化和运行时、TypeScript 编程内参（三）

在 TS 开发中的工程化包含两个，一个是 js 本身的工程化，一个则为有关于 TS 自身的工程化，本文着重谈下 TS 里的工程化（编码规范、git、lint、模块加载等等）

tsconfig.json

tsconfig.json 用于指定项目中 TypeScript 编译器 tsc 的一些编译配置，通常放在项目根目录。可以用 --init 参数来让 tsc 自动地生成一个 tsconfig.json 模版：

$ tsc --init

这个命令会在当前工作目录下生成一个 tsconfig.json，里面会写出 tsc 的全部可用配置，在对应的注释里基本说明了每一个配置基本用法、作用，这里不多赘述，只简要说明几个常用配置：

1. compilerOptions.target 编译到哪个 JS 版本，我一般填 “ES5”。
2. compilerOptions.module 编译后用哪个模块系统，举例： "commonjs"
3. compilerOptions.lib 用哪个宿主环境，举例： ["es2017","DOM"]
4. compilerOptions.esModuleInterop 开启这个可以避免引入 import * as xxx from 'xxx' 的写法
5. compilerOptions.strict TS 严格模式，强烈建议打开，这是写出 TS Style Code 的前提。

其他的配置项可以参考官方文档介绍：TypeScript - compilerOptions(https://www.typescriptlang.org/docs/handbook/compiler-options.html)

以上是关于工程化和运行时TypeScript 编程内参的主要内容，如果未能解决你的问题，请参考以下文章

TypeScript 前端工程最佳实践

如何不编译使用 TypeScript

不编译如何使用TypeScript

57 java编程思想——创建窗口和程序片 可视编程和Beans

TypeScript教程---------基础

如何用 Decorator 装饰你的 Typescript？