前言
在前端开发中，我们常常使用 TypeScript 来帮助我们编写更为可靠的代码。同时，我们也想保证代码能够被其他人正确的阅读和理解。而在这个背景下，我们就需要使用 Lint 工具来帮助我们检测代码中的潜在问题。而 tsconfig-lint 正是为 TypeScript 代码提供的 lint 工具，本篇文章将会详细介绍这个工具的使用方法。
安装与初始化
首先，我们需要安装 tsconfig-lint 工具。可以通过 npm 命令行进行安装：
npm install tsconfig-lint --save-dev
安装成功后，我们需要对其进行初始化。我们可以使用下面的命令进行初始化：
npx tsconfig-lint init
通过该命令生成的 tsconfig-lint.json 文件可以被用来配置 lint 的规则，从而让其检查代码的合法性。
tsconfig-lint 的规则
tsconfig-lint 为我们提供了大量的检测规则，这里挑选几个常用的解释一下：
no-empty-interface：用于避免空接口的定义，空接口不利于代码可读性，不推荐使用。no-misused-submodule：用于检测模块导入的 misuse（误用），帮助我们规范导入方式。no-floating-promises：用于检测不带await直接声明的 Promise 对象。no-this-alias：不允许this关键字作为另一个实例变量或其他变量的别名。no-useless-files：用于检查无用的文件是否被添加到了项目中。
有关 tsconfig-lint 的完整列表请参见官方文档
在 webpack 中集成 tsconfig-lint
将 tsconfig-lint 集成到 webpack 中十分简单，我们可以在 webpack 中使用 fork-ts-checker-webpack-plugin 来进行集成。我们首先需要安装 fork-ts-checker-webpack-plugin：
npm install --save-dev fork-ts-checker-webpack-plugin
安装完成后，我们需要在 webpack.config.js 文件中添加以下内容：
-- -------------------- ---- -------
----- -------------------------- - ------------------------------------------
-------------- - -
-- ---
-------- -
--- ----------------------------
-
-- ---
-通过这样的配置，tsconfig-lint 就可以在编译期进行检查了。
结尾
tsconfig-lint 是一个非常好用的 lint 工具。通过本文的介绍，我们可以学会如何安装和使用 tsconfig-lint，以及一些常用的规则。同时，你还学会了如何将 tsconfig-lint 集成到 webpack 中。希望本文能对你有所帮助，谢谢阅读！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/201366