当前位置: 首页 > wzjs >正文

专门做会议的网站手机百度浏览器

专门做会议的网站,手机百度浏览器,索菲亚全屋定制,上海网站建设公司推荐如果一个目录下存在一个tsconfig.json文件,那么它意味着这个目录是TypeScript项目的根目录。 tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。本篇文章主要解释的是常用配置项,还有一些没有列举到的,用到的时候再去查资料便可…

如果一个目录下存在一个tsconfig.json文件,那么它意味着这个目录是TypeScript项目的根目录。 tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。本篇文章主要解释的是常用配置项,还有一些没有列举到的,用到的时候再去查资料便可(文档地址在文章末尾)。

tsconfig.json文件不需要手写,使用tsc命令可以自动生成初始化的tsconfig.json文件。

tsc --init

一、核心结构

{"compilerOptions": {}, // 编译选项"include": ["src/**/*"],  // 包含文件"exclude": ["node_modules"], // 排除文件"extends": "./base.json", // 继承其他配置"references": [] // 项目引用(用于Monorepo)"files": []  //指定要包括在程序中的文件白名单。如果找不到就会报错。
}

 二、compilerOptions 编译选项

重要的结构:

  "compilerOptions": {"target": "ESNext",      // 指定编译后的 JS 版本(如 ES5/ES2015/ES2022)"module": "CommonJS",    // 模块系统(CommonJS/ES6/UMD 等)"strict": true,          // 启用所有严格类型检查(包括 noImplicitAny, strictNullChecks 等)"lib": ["ES6", "DOM"],   // 引入运行时环境支持的库类型(如 DOM、ESNext)"outDir": "./dist",      // 输出目录,默认与源文件同级"rootDir": "./src",      // 指定源代码根目录"jsx": "react",          // 支持 React JSX"strictFunctionTypes": true,     // 严格函数类型检查"sourceMap": true,       // 生成 .map 文件用于调试"allowJs": true,         // 允许编译 JS 文件(渐进式迁移)"esModuleInterop": true  // 解决 CommonJS 与 ES 模块兼容性问题}

1. 编译目标与模块  /* Modules */

  • target 指定编译后的 JavaScript 版本(如 ES5ES2020ESNext)。 示例:"target": "ES2020"(Node.js 推荐)或 "ESNext"(现代前端项目)。

  • module 定义模块系统类型,如 CommonJS(Node.js)、ESNext(前端项目)或 AMD注意:需与 moduleResolution 配合,如 "moduleResolution": "node" 用于 Node.js 的模块解析。

  • lib 显式指定包含的内置 API 类型声明,如 ["ES2020", "DOM"](前端需包含 DOM API)。

2. 输出控制 /* Emit */

  • outDir 输出目录,如 "outDir": "./dist"
  • rootDir 源代码根目录,如 "rootDir": "./src"
  • sourceMap 生成 .map 文件,用于调试时映射源码 。

3. 严格类型检查  /* Type Checking */

  • strict 启用所有严格检查(等价于同时启用以下选项):

    • noImplicitAny:禁止隐式 any 类型(如未明确类型的函数参数) 。
    • strictNullChecks:强制处理 null/undefined,避免空值错误 。
    • strictFunctionTypes:严格检查函数参数逆变 。
    • strictPropertyInitialization:类属性必须初始化 。
       
  • 附加检查

    • noUnusedLocals/noUnusedParameters:禁止未使用的变量或参数 。
       
    • noImplicitReturns:函数所有分支必须显式返回值 。

4. 模块解析

  • baseUrlpaths 定义路径别名,简化导入:

    "baseUrl": "./src",
    "paths": { "@/*": ["*"], "utils/*": ["utils/*"] }
  • moduleResolution 模块解析策略:

    • node:Node.js 风格解析(默认)
    • bundler:兼容打包工具(如 Vite)的无后缀名解析 。

5. 实验性特性

  • experimentalDecorators 启用装饰器语法(如 Angular 或 TypeORM) 。
     
  • emitDecoratorMetadata 生成装饰器元数据(需结合反射库使用) 。

6. 兼容性选项

  • allowJs 允许编译 .js 文件(用于逐步迁移 JS 项目到 TS) 。
  • esModuleInterop 解决 CommonJS 与 ES 模块的默认导入兼容性 。
     

三、文件控制

1. 扩展/包含 - include/exclude 

include指定要包含在程序中的文件名或模式数组。这些文件名相对于包含 tsconfig.json 文件的目录解析,exclude 指定在解析 include 时应跳过的文件名或模式数组

{// ... 其他配置 ...//  包含规则(需手动添加到配置中)"include": ["src/**/*.ts" // 匹配 src 目录及其子目录中所有 .ts 文件],//  排除规则(需手动添加到配置中)"exclude": ["node_modules",     // 默认排除 node_modules"**/*.spec.ts"     // 排除所有测试文件(以 .spec.ts 结尾)]
}

 2. 排除 - extends

先加载来自基本文件的配置,然后由继承配置中的配置覆盖。在配置文件中找到的所有相对路径将相对于它们起源的配置文件解析

示例

// configs/base.json:
{"compilerOptions": {"noImplicitAny": true,"strictNullChecks": true}
}
// tsconfig.json:
{"extends": "./configs/base","files": ["main.ts", "supplemental.ts"]
}
//  tsconfig.nostrictnull.json:
{"extends": "./tsconfig","compilerOptions": {"strictNullChecks": false}
}

3. 引用 - references

项目引用是将 TypeScript 程序分解成更小部分的一种方式。使用项目引用可以极大地改善构建和编辑器交互时间,强制执行组件之间的逻辑分离,并以新的改进方式组织代码。

4. 文件 - files

指定要包含在程序中的文件白名单。如果找不到任何文件,则会发生错误。

{"compilerOptions": {},"files": ["core.ts","sys.ts","types.ts","scanner.ts","parser.ts","utilities.ts","binder.ts","checker.ts","tsc.ts"]
}

四、 高级选项

  • skipLibCheck 跳过第三方库类型检查(提升编译速度) 。
  • declaration 生成 .d.ts 声明文件(库开发必备) 。
  • incremental 增量编译(缓存提升速度)。

五、 文档地址

 官方tsconfig.json文档地址https://www.typescriptlang.org/tsconfig/
中文版sconfig.json地址https://typescript.net.cn/tsconfig

http://www.dtcms.com/wzjs/187563.html

相关文章:

  • 青岛做物流网站淘宝网店代运营正规公司
  • 公安备案网站首页企业宣传文案
  • 公司网站百度小程序开发重庆seo整站优化设置
  • dedecms手机网站制作如何做友情链接
  • 安装网站到服务器怎样申请网站
  • 新乡网站制作接广告的平台
  • 网站功能优化的方法网络营销的流程和方法
  • 湛江做网站的网站京津冀协同发展
  • 如何做电影网站赚钱吗人工智能培训师
  • 做维修广告效最好是哪个网站吗优化大师免安装版
  • 可以做网站的公司有哪些广州官方新闻
  • 产品经理兼职做网站报酬网站检测中心
  • 网站首页设计多少钱企业邮箱如何申请注册
  • 建个网站要多少钱珠海网站建设
  • 巩义专业网站建设公司软文营销推广
  • 网站正在建设中 html5阿拉善盟seo
  • 女性做网站semantics
  • 做房产中介需要有内部网站吗怎么推广网站链接
  • 微网站分销今日头条新闻发布
  • 如何破解网站后台网址杭州百度竞价推广公司
  • wordpress 开发 pdfseo怎么做优化工作
  • 怎么建网站 手机版海南百度竞价排名
  • PHP 5+MySQL动态网站开发指南能去百度上班意味着什么
  • 郑州汉狮做网站的公司短视频seo关键词
  • 建站软件移动版2023引流软件
  • 品牌网站建设代理seo关键词排名优化方法
  • 做日文网站网络怎样做推广
  • 网站建设开票多少个点公司网页设计
  • 北京网站设计济南兴田德润团队怎么样今日头条荆州新闻
  • 做公司网站多少钱百度链接