简介
standard-js 是一个 JavaScript 标准风格的规范，能够帮助开发者在代码风格方面做到统一。standard-esnext 则是 standard-js 的 ES6及以上版本，它可以帮助开发者规范化 ES6 及以上版本的 JavaScript 代码风格。
安装
在安装 standard-esnext 之前，必须要先安装 Node.js。然后，使用下面的命令安装 standard-esnext：
npm install standard-esnext --save-dev
使用
在安装完 standard-esnext 后，就可以在命令行中使用 standard-esnext 命令了。如下：
standard-esnext <filename|glob>
<filename|glob>：要检查的文件名或文件名通配符。
选项
standard-esnext 提供了一些参数来帮助配置：
--fix：如果启用此参数，standard-esnext 会将错误修复为最佳实践。例如，如果您忘记了在语句结束时添加分号，那么 standard-esnext 会在此处添加分号。--global：用于检查全局对象的变量名。此选项应该是一个用逗号分隔的字符串，其中包含在您的项目中定义的一些全局变量的名称，例如--global myVar1,myVar2。--ignore：用于忽略某些文件或目录。此选项应该是一个用逗号分隔的字符串，其中包含要忽略的文件或目录的名称和/或通配符，例如--ignore __tests__/*,src/ignoreMe.js。--env：用于选择要使用的环境。默认情况下，standard-esnext 假设您正在使用浏览器的环境。您可以使用--env node来选择 Node.js 环境，或--env mocha来选择 Mocha 测试环境。
示例
使用 --fix 参数自动修复错误：
$ standard-esnext --fix myfile.js
指定忽略文件：
$ standard-esnext --ignore __tests__/*,src/ignoreMe.js
在 Webpack 中使用
可以将 standard-esnext 和 Webpack 一起使用。有两个插件可以使用：
webpack-stream：在 Webpack 流中使用。eslint-loader：分析 JavaScript 文件并返回有关代码的问题和错误。
在 Webpack 的 webpack.config.js 文件中，使用以下的配置：
-- -------------------- ---- -------
----- ---- - ---------------
----- ------- - ------------------
----- ----------------- - ------------------------------
-------------- - -
------ -----------------
------- -
--------- ------------
----- ----------------------- -------
--
------- -
------ -
-
----- --------
-------- ---------------
------- ----------------
-------- -----
--
-
----- --------
-------- ---------------
------- --------------
-
-
--
-------- -
--- -------------------------
--- -------------------
--------- --------------
--
-
-结论
standard-esnext 能够 help to 规范化 ES6 及以上版本的JavaScript 代码风格。对于团队协作开发来说，维护一个相同的规范风格非常重要。还要记得在代码中尽量多使用 ES6 及以上版本的语法。
参考资料
- https://www.npmjs.com/package/standard-esnext
- https://standardjs.com/README-zhcn.html
- https://webpack.js.org/
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb713b5cbfe1ea061171c