随着前端开发的快速发展，我们逐渐意识到代码质量的重要性。而代码质量的保证，除了程序员自我审核、规范之外，还可以依赖于一些静态代码检查工具，帮助我们发现代码中的问题并进行修复。其中 JSLint 是一个非常著名且经典的 JavaScript 代码检查器，可以帮助我们发现语法和代码逻辑方面的问题。而在前端开发中，我们可以使用 npm 包 broccoli-jslint 将 JSLint 与自动化构建流程相结合，使代码检查变得更加简单和自动化。
使用 broccoli-jslint
broccoli-jslint 是一个 Node.js 包，它提供了一个 Broccoli 插件，用于在构建应用程序时使用 JSLint 自动检查 JavaScript 代码。在开始使用之前，需要安装 Node.js 和 Broccoli。安装 Node.js 是很简单的，可以直接在官网下载安装包进行安装。而 Broccoli 的安装只需要运行以下命令即可：
npm install --global broccoli-cli
安装完成后，我们可以将 broccoli-jslint 添加到我们的项目中：
npm install broccoli-jslint --save-dev
接下来，我们需要在项目根目录下创建一个名为 Brocfile.js 的文件，并编写以下代码：
-- -------------------- ---- -------
--- ---------- - ---------------------------
--- ------ - ---------------------------
-- ------- ---------- -------
--- ------- - ------
-- -- ------ -------
--- ---------------- - ---------------------
-- ------------
--- -------- - ------
-- ---- ------ ------
--- ------------- - ------------------- -
------- -----------------
------- -------- ---------- -
------ ----------------------------
-
---
-- ---------------
--- ------ - --------------------- -
----------- ------------
----------- --------
---
-------------- - -------通过以上代码，我们使用 broccoli-jslint 构建了一个验证 JavaScript 代码的工作流程，并最终将合法的代码合并为一个文件。其中比较重要的是 jslint.config.json 文件，它是 JSLint 配置文件，用于配置检查规则。
配置 JSLint 规则
在 jslint.config.json 文件中，我们可以配置 JSLint 的检查规则，以满足我们的项目需求。下面是一个示例配置文件：
-- -------------------- ---- -------
-
------------ --
---------- -----
---------- -
--------- ----
--
--------- -
---------
---
-
-以上配置表示：
esversion: 6表示代码采用 ECMAScript 6 语法。browser: true表示代码专门用于浏览器端，忽略了 Node.js 相关规则。globals表示代码中可以使用的全局变量。predef表示代码中需要定义的全局变量。
需要注意的是，在项目构建过程中，JSLint 检查出的错误将会放在构建输出的相应文件中。因此，在使用 broccoli-jslint 时，还需要配合其他构建工具一起使用，如 Grunt 或 Gulp。
总结
本文介绍了 broccoli-jslint 的使用方法，以及如何配置 JSLint 的规则。它可以帮助我们在 JavaScript 代码编写过程中自动化地发现问题，提高代码质量和开发效率。同时，本文也展示了如何在项目构建时使用它，为前端开发提供更好的构建工具选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c87ccdc64669dde5008