介绍
rollup-plugin-tslint-fixed 是一款 Rollup 插件，用于在打包过程中检查 TypeScript 代码中的语法错误和代码规范问题，并对其进行修正。该插件基于 TSLint 编写，并加入了自动修复功能，能够自动识别语法错误和规范问题，并尝试进行修正。
安装
您可以使用 npm 或 yarn 进行安装：
npm install --save-dev rollup-plugin-tslint-fixed
或者
yarn add --dev rollup-plugin-tslint-fixed
使用
在 Rollup 的配置文件中，您需要将 rollup-plugin-tslint-fixed 加入插件列表中。同时，您还需要进行一些配置以指定需要检查的 TypeScript 文件路径和 TSLint 配置路径。
-- -------------------- ---- -------
------ ---------- ---- ----------------------------
------ ------ ---- -----------------------------
------ ------- -
------ ---------------
------- -
----- ----------------
--
-------- -
------------
-------------------------- ----
---
--------
----------- --------------
------------- -----
--------------- -----
-------- ----------------
-------- -------------------
--
-
--上面的配置中，我们指定了 TypeScript 文件的路径为 'src/**/*.ts'，TSLint 配置文件的路径为 'tslint.json'，并且在发现语法错误和规范问题时分别抛出错误和警告。
完成以上配置后，您可以在命令行中运行 Rollup 来进行打包，并查看 TSLint 的检查结果：
rollup -c
示例
以下是一个简单的 TypeScript 文件示例，其中包含一些语法错误和规范问题：
class Foo {
private bar = 'bar'
constructor() {
console.log('Hello, world!')
} ;
}在使用 rollup-plugin-tslint-fixed 进行检查前，我们可以看到该文件中存在如下问题：
- 缺少分号；
- 在 class 的成员变量中使用了 private 关键字，但未给其赋值；
- 构造函数中的日志输出语句，没有使用正确的单引号。
接下来，我们尝试使用 rollup-plugin-tslint-fixed 对该文件进行检查和修正。打开命令行（或终端）并执行以下命令：
rollup -c
执行结果如下：
src/index.ts (5,13): ';' expected. src/index.ts (4,12): Property 'bar' has no initializer and is not definitely assigned in the constructor. src/index.ts (5,17): Strings must use singlequote.
以上结果说明了 rollup-plugin-tslint-fixed 在检查到相应问题时，能够准确的指出问题所在，并提出相应的修正建议。
接下来，我们可以查看 TypeScript 文件的内容，看看 rollup-plugin-tslint-fixed 是否对其进行过修改：
class Foo {
private bar = '';
constructor() {
console.log('Hello, world!');
}
}可以看到， rollup-plugin-tslint-fixed 成功的修复了该文件中的语法错误和规范问题。
总结
rollup-plugin-tslint-fixed 是一个极为方便的 TypeScript 代码检查和修正工具。在 Rollup 的打包过程中，使用该插件可以帮助您提高代码的质量和规范，减少潜在的问题和错误。我们建议您尽早在项目中引入该插件，并遵循相应的规范和最佳实践，以确保您的项目能够具有更好的可读性、可维护性和可扩展性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055a9d81e8991b448d8161