引言
在前端开发中，一些常见的工具和库可以大大提高我们的工作效率。例如 rollup 是一种 JavaScript 模块打包器。而 tslint 是一种代码风格检查工具，可以帮助我们保证代码规范性和可读性。当它们一起使用时，就需要 rollup-plugin-tslint 这个 npm 包来实现它们的联合使用。
在这篇技术文章中，我们将学习如何使用 @greendou/rollup-plugin-tslint，详细解答如何安装、配置、以及使用这个 npm 包，同时给出一些实例代码。
安装包
首先，我们需要通过 npm 安装 @greendou/rollup-plugin-tslint，可在终端中键入以下命令.
npm install @greendou/rollup-plugin-tslint --save-dev
配置
在 rollup 的配置中加入 @greendou/rollup-plugin-tslint，需要在配置文件中使用 ts 和 tslint 两个插件。在 rollup.config.js 文件中添加以下代码。
-- -------------------- ---- -------
------ ---------- ---- ----------------------------
------ ------ ---- ------------------------
------ ------- -
------ ---------------
------- -
----- ----------------
------- ------
--
-------- -
--------
------------- -----
-------- --------------
-------- -
------------------
------------
----------
--
---
-------------
--
--可以看出来，我们传递了几个 tslint 的选项，其中 include 和 exclude 选项用于告诉 tslint 插件哪些文件应该被检查。
使用方法
现在我们已经完成了安装和配置步骤。接下来就是使用 @greendou/rollup-plugin-tslint 来检查我们的代码。
在终端中，键入以下命令：
npm run build
这个命令将首先使用 rollup 和 typescript 将我们的代码打包成到 dist/index.js 文件。如果有 tslint 相关的错误或者警告，它将会被打印出来。
示例
以下是一个简单的示例代码。它定义了一个 Person 类，该类有一个名为name的属性，实例化时将给定对象的 name 作为其属性值。
-- -------------------- ---- -------
------ ----- ------ -
----- -------
---------------- - ----- ------ -- -
--------- - ---------
-
------- -
------ ------- -- ---- -- --------------
-
-在 src 文件夹中创建一个index.ts文件来打包。
import { Person } from './Person';
const alice = new Person({ name: 'Alice' });
console.log(alice.speak());运行 npm run build 后，即可得到最终的输出结果，并检查是否有代码风格问题。
结论
@greendou/rollup-plugin-tslint npm 包对于帮助我们在 rollup 中使用 tslint 这个代码规范检查工具非常方便。我们在本文中通过安装、配置和使用三个步骤，详细描述了如何使用这个包，并给出了一个简单的示例代码。希望这篇文章对你理解这个 npm 包有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fda81e8991b448dd70c