ts自动编译声明文件_TypeScript解剖之二：TypeScript编译器和目标运行环境

最新推荐文章于 2023-11-15 14:11:54 发布

maydaisy

最新推荐文章于 2023-11-15 14:11:54 发布

阅读量377

点赞数

文章标签： ts自动编译声明文件

本文链接：https://blog.csdn.net/weixin_34565946/article/details/112494094

版权

本文详细解读了TypeScript编译器配置，特别是与目标运行环境有关的部分，包括Target、Lib、Source Maps等。讲解了如何根据不同环境设置tsconfig.json，如浏览器、服务器端Node.js以及发布到NPM的配置。

摘要由CSDN通过智能技术生成

TypeScript的代码最终会被编译为JavaScript，运行到不同的JavaScript环境中：

浏览器 - Chrome，Firefox, Edge, IE，以及大量中国本土定制的浏览器
服务器 - Nodejs为主
App - 比如微信
嵌入式JS引擎 - 比如某些数据库支持JS脚本

TypeScript的编译器有超过100个选项，其中很多与目标运行环境有关

本文详细解读TS编译器配置，特别是与目标运行环境有关的部分。

创建TS项目

项目结构

我们使用一个常规的项目结构作为参考：

源代码在一个顶层目录 src
编译后的js代码放在 dist

my-app/
├──dist/
│ ├──index.d.ts
│ ├──index.js
│ └──utils/
│   ├──foo.d.ts
│   ├──foo.js
│   ├──bar.d.ts
│   └──bar.js
├──src/
│ ├──index.ts
│ └──utils/
│   ├──foo.ts
│   └──bar.ts