作为前端工程师，我们经常需要使用一些 npm 包来加速我们的开发流程。今天，我来介绍一个非常实用的 npm 包，它的名字是 jsmp-infra-there-is-nothing-to-complain-about。
简介
jsmp-infra-there-is-nothing-to-complain-about 是一个用于前端项目开发的工具包，主要包含了以下几个方面的功能：
- 代码风格检查
- 代码质量检查
- 自动化构建
- 测试框架
通过使用该 npm 包，我们可以大幅度提高代码质量和开发效率，降低 bug 出现的概率，更好地维护和管理我们的项目。
安装
在开发前，我们首先需要安装该 npm 包。在终端中执行以下命令即可：
npm install jsmp-infra-there-is-nothing-to-complain-about
使用
代码风格检查
jsmp-infra-there-is-nothing-to-complain-about 内置了 eslint 代码风格检查工具，我们可以通过在项目根目录下创建一个 .eslintrc.json 文件来自定义配置。
我们可以在 package.json 中添加以下命令，以触发 eslint 检查：
"scripts": {
"lint": "eslint ./src"
}执行以下命令即可开始代码风格检查：
npm run lint
代码质量检查
jsmp-infra-there-is-nothing-to-complain-about 内置了 eslint-plugin-react 代码质量检查工具，主要用于检查 React 相关代码的质量。
我们可以在 package.json 中添加以下命令，以触发 eslint-plugin-react 检查：
"scripts": {
"quality": "eslint ./src --plugin=react/recommended"
}执行以下命令即可开始代码质量检查：
npm run quality
自动化构建
jsmp-infra-there-is-nothing-to-complain-about 内置了 webpack 自动化构建工具，我们可以通过在项目根目录下创建一个 webpack.config.js 文件来自定义配置。
我们可以在 package.json 中添加以下命令，以触发自动化构建：
"scripts": {
"build": "webpack --config webpack.config.js"
}执行以下命令即可开始自动化构建：
npm run build
测试框架
jsmp-infra-there-is-nothing-to-complain-about 内置了 jest 测试框架，我们可以通过在项目根目录下创建一个 jest.config.js 文件来自定义配置。
我们可以在 package.json 中添加以下命令，以触发测试框架：
"scripts": {
"test": "jest"
}执行以下命令即可开始测试：
npm run test
示例代码
下面是一个示例代码片段，演示了如何在 React 项目中使用 jsmp-infra-there-is-nothing-to-complain-about：
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
----- --- ------- --------- -
------------------ -
-------------
---------- - -
------ -
--
-
------------- -
----------------------- -- -- ------ --------------- - - ----
-
-------- -
----- - ----- - - -----------
------ -
-----
------ ------- ------- ----------
------- ------------------------------------------- -----------
------
--
-
-
------ ------- ----总结
通过上述介绍，我们了解了 jsmp-infra-there-is-nothing-to-complain-about 集成了代码风格检查、代码质量检查、自动化构建、测试框架等功能，大大提高了前端项目开发质量和效率。
建议在项目的开发阶段中使用该工具包，并按照上述步骤进行配置和使用。同时，我们也可以通过修改配置文件来定制自己所需要的功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cb781e8991b448da3a6