带你读《现代TypeScript高级教程》十六、解读TSConfig(2)https://developer.aliyun.com/article/1348436?groupCode=tech_library
6.tsconfig.json 继承
TypeScript 支持通过 extends 配置选项从其他的 tsconfig.json 文件中继承配置。
{ "extends": "./tsconfig.base.json", "compilerOptions": { "outDir": "dist" }, "include": [ "src/**/*.ts" ]}
在上述示例中,我们通过 extends 指定了一个基础配置文件 tsconfig.base.json,然后在当前的 tsconfig.json 中添加了额外的编译选项和文件包含规则。
7.定制化tsconfig.base
制化tsconfig.base可以让我们在多个项目中共享和复用配置,提高开发效率。下面是一些步骤来封装自己的 TSConfig 为一个库:
- 首先,我们需要创建一个新的 TypeScript 项目作为我们的库项目。
可以使用以下命令初始化一个新的项目:
$ mkdir my-tsconfig-lib $ cd my-tsconfig-lib $ npm init -y
2) 创建 tsconfig.json 文件
在项目根目录下创建一个名为 tsconfig.json 的文件,并将 TSConfig 的配置内容添加到其中。
{ "compilerOptions": { "target": "es6", "module": "commonjs", "outDir": "dist" }, "include": ["src/**/*.ts"], "exclude": ["node_modules", "dist"]}
这是一个示例的 TSConfig 配置,你可以根据自己的需求进行相应的修改。
3) 创建包入口文件
为了能够在其他项目中使用我们的库,我们需要创建一个入口文件来导出我们的 TSConfig。
在项目根目录下创建一个名为 index.ts 的文件,并添加以下代码:
import * as tsconfig from './tsconfig.json'; export default tsconfig;
在上述代码中,我们将 tsconfig.json 导入为一个模块,并使用 export default 将其导出。
4) 构建和发布
现在我们可以使用 TypeScript 编译器将我们的代码构建为 JavaScript,以便在其他项目中使用。
首先,确保你已经在项目中安装了 TypeScript:
$ npm install typescript --save-dev
然后,在 package.json 中添加构建脚本:
{ "scripts": { "build": "tsc" }}
最后,运行构建命令进行构建:
$ npm run build
构建完成后,我们的库文件将位于 dist 目录下。
带你读《现代TypeScript高级教程》十六、解读TSConfig(4)https://developer.aliyun.com/article/1348434?groupCode=tech_library