在前端开发中，rollup 是一款常用的 JavaScript 模块打包工具。而 rollup-plugin-tslint 则是一个支持在 rollup 中使用 TSLint 检查 TypeScript 代码的插件。本文将介绍如何使用 rollup-plugin-tslint，帮助你更好地进行 TypeScript 的开发。
安装 rollup-plugin-tslint
在使用 rollup-plugin-tslint 前，需要先安装它到项目中。使用以下命令来安装 rollup-plugin-tslint：
--- ------- -------------------- ----------
配置 rollup-plugin-tslint
在使用 rollup-plugin-tslint 前，需要对 rollup 的配置进行修改。以下是一个简单的 rollup 配置示例：
------ ---------- ---- ----------------------------
------ ------ ---- -----------------------
------ ------- -
------ ---------------
------- -
---- -------
------- -----
--
-------- -
-------------
--------
------------- -----
--------------- -----
-------------- ---------------
--
-
-在上述配置中，我们首先导入了 rollup 的两个插件：rollup-plugin-typescript2 和 rollup-plugin-tslint。其中，rollup-plugin-typescript2 用于将 TypeScript 代码转换成 JavaScript 代码，rollup-plugin-tslint 用于在打包过程中进行代码规范检查。
在 plugins 中配置了两个插件，分别是 typescript 和 tslint。其中，tslint 的参数设置如下：
- throwOnError：如果检查出 TSLint 错误，是否抛出错误
- throwOnWarning：如果检查出 TSLint 警告，是否抛出错误
- configuration：TSLint 配置文件的路径，该文件包含了 TSLint 的所有规则配置信息。
使用 rollup-plugin-tslint
在配置好了 rollup-plugin-tslint 后，我们可以在打包过程中使用它。假设我们有一个 TypeScript 文件 src/index.ts，代码如下：
------ ----- --- - --- ------- -- ------- -- - ------ - - - - ------ --
当我们运行以下命令时：
--- ------ --
rollup 会使用上述配置文件进行打包，同时文件中的 TypeScript 代码也会被转换成 JavaScript 代码。而在转换 TypeScript 代码的同时，TSLint 也会对代码进行检查。如果发现了不符合规范的代码，TSLint 会抛出对应的错误或者警告。
总结
rollup-plugin-tslint 是一个在 TypeScript 代码打包过程中帮助我们检查代码规范的工具。在使用时，我们需要将它作为 rollup 的一个插件进行配置，并设置好相应的参数。在进行打包时，rollup-plugin-tslint 会对代码进行检查，如果发现了错误或者警告，它会抛出对应的异常，帮助我们更好地进行代码开发与检查。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedad6ab5cbfe1ea0610c66