【TypeScript】---配置选项

最新推荐文章于 2024-08-23 11:12:00 发布

ChocolateBar~

最新推荐文章于 2024-08-23 11:12:00 发布

阅读量9.7k

点赞数

分类专栏： TypeScript 文章标签： typescript

本文链接：https://blog.csdn.net/qq_53061847/article/details/125049660

版权

本文介绍了TypeScript的编译方式，包括自动编译文件和整个项目，并详细讲解了tsconfig.json中的配置选项，如include、exclude、extends、files及compilerOptions的各项设置，如target、lib、module、outDir等，帮助开发者更好地理解和配置TypeScript项目。

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

5. compilerOptions (编译器选项)

一、编译

自动编译文件

编译文件时，使用 -w 指令后，TS编译器会自动监视文件的变化，并在文件发生变化时对文件进行重新编译。

 tsc xxx.ts -w

自动编译整个项目

如果直接使用 tsc 指令，则可以自动将当前项目的所有 ts 文件编译为 js 文件。

可以直接使用 tsc 命令的产品时，但要先在项目根目录下创建一个 ts 的配置文件 tsconfig.json

tsconfig.json 是一个 JSON 文件，后添加配置文件，只需对整个项目的 tsc 命令自动完成的编译

二、配置选项的介绍

参考官方文档https://www.typescriptlang.org/tsconfig

示例

{
  "compilerOptions": {
    "target": "es5",   // 指定 ECMAScript 目标版本: 'ES5'
    "module": "commonjs",  // 指定使用模块: 'commonjs', 'amd', 'system', 'umd' or 'es2015'
    "moduleResolution": "node",     // 选择模块解析策略
    "experimentalDecorators": true,  // 启用实验性的ES装饰器
    "allowSyntheticDefaultImports": true,   // 允许从没有设置默认导出的模块中默认导入。
    "sourceMap": true,   // 把 ts 文件编译成 js 文件的时候，同时生成对应的 map 文件
    "strict": true,  // 启用所有严格类型检查选项
    "noImplicitAny": true,  // 在表达式和声明上有隐含的 any类型时报错
    "alwaysStrict": true,  // 以严格模式检查模块，并在每个文件里加入 'use stric