前言
随着 TypeScript 越来越受到前端开发者们的重视，越来越多的项目开始采用 TypeScript 作为项目开发语言。与此同时，也伴随着大量的 TypeScript 配置文件出现。手动配置 TypeScript 的配置文件非常耗时耗力，因此需要一种自动化的解决办法。
tsconfig-gluons 是一款优秀的 npm 包，可以帮助我们快速生成 TypeScript 配置文件。使用 tsconfig-gluons 可以省去手动配置 TypeScript 配置文件的烦琐过程，并且支持自定义配置，极大地提高了我们的开发效率。
安装
tsconfig-gluons 是一个 npm 包，我们可以使用 npm 进行安装。
npm install --save-dev tsconfig-gluons
使用方法
使用 tsconfig-gluons 主要分为三个步骤，分别是初始化项目、自定义配置和生成 tsconfig.json 文件。
初始化项目
在项目根目录下执行如下命令：
npx tsconfig-gluons --init
执行完毕后，会在项目根目录下生成一个名为 tsconfig.gluons.json 的文件，该文件为配置文件的默认设置。
自定义配置
tsconfig.gluons.json 中的配置项按照默认提供的设置已经非常完备，但是有时我们需要根据自己的需求进行一些自定义配置。tsconfig-gluons 提供了非常灵活的自定义配置方式。
tsconfig.gluons.json 文件默认情况下每个配置项均被注释禁用，需要我们打开所需的配置项并进行修改。
例如，我们需要开启一些特殊的模块加载模式，可以在 tsconfig.gluons.json 中进行如下修改：
{
"compilerOptions": {
"module": "commonjs",
"esModuleInterop": true,
"resolveJsonModule": true
}
}生成 tsconfig.json 文件
自定义过配置后，我们需要将 tsconfig.gluons.json 文件生成为 tsconfig.json 文件进行使用。我们可以通过以下命令生成：
npx tsconfig-gluons
执行成功后，会在项目根目录生成一个 tsconfig.json 配置文件。
示例代码
例如，我们在一个新的 Typescript 项目中，需要开启 strict 模式和 target 为 ESNext：
npx tsconfig-gluons --init
-- -------------------- ---- -------
-
-- ---
------------------ -
--------- -----
--------- --------
-
-- ---
-npx tsconfig-gluons
执行成功后，在当前目录下会生成 tsconfig.json 文件，如下：
{
"compilerOptions": {
"strict": true,
"target": "ESNext"
}
}这就是 tsconfig-gluons 的简单使用步骤，相信在实际开发中，tsconfig-gluons 一定会成为您不可或缺的好帮手。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eeed43aefcef77a054b7534