前言
在前端开发中，ES6 已经成为了一项不可或缺的技术。然而，在大型项目中，会出现很多使用了 ES6 语法的代码，造成对性能的影响。而将这些代码转换为可在旧版本浏览器上运行的 ES5 代码是个不错的解决方案。在这里，我们将推荐一种 npm 包——es-scavenger。
es-scavenger 的简介
es-scavenger 是一个用于分析项目代码并找到不支持 ES6 语法的文件及其语法，然后通过 babel 转换器将其转为 ES5 语法的工具。 在这个过程中，es-scavenger 会根据/node_modules/、.git、vendor 等等被忽略的文件，在你项目的指定目录下查找 ES6 语法的文件，并将这些文件做一个转换，这样你的项目就可以在各种浏览器上正确地工作了。
安装 es-scavenger
通过 npm 安装 es-scavenger，执行如下命令：
npm install -g es-scavenger
使用 es-scavenger
在安装完成之后，你可以在命令行中执行如下命令执行 es-scavenger：
es-scavenger
这样你的项目中所有 ES6 语法的文件都会被转换为 ES5 语法，这些新的文件将被保存在相同的目录结构下，文件名后缀为 “.es5.js” 。如下图所示：
接下来，你可以在你的项目中将文件后缀从 “.js” 转换为 “.es5.js”，然后像以前一样运行代码。
命令选项
es-scavenger 还提供了一些指令参数来满足不同的需求：
设置源文件搜索路径
es-scavenger --src=src
默认情况下，es-scavenger 被设置为查找当前目录下的所有 ES6 语法文件。如果你想指定一个包含 ES6 语法文件的特定目录，可以使用 --src 指定源文件搜索路径。
设置转换后的文件输出目录
es-scavenger --out=lib
你可以使用 --out 指定转换后的文件输出目录。默认情况下，转换后的文件将保存在源文件的同级目录下，文件名后缀为 “.es5.js”。
显示帮助文档
es-scavenger --help
如果您需要查看 es-scavenger 的文档或全局帮助，可以使用 --help 指令。
示例代码
const arr = [1, 2, 3]; const sum = arr.reduce((acc, cur) => acc + cur, 0); console.log(sum);
以上代码使用了 ES6 的箭头函数和数组.reduce() 方法。如果你想在旧版浏览器上运行它，可以使用 es-scavenger 将其转换为 ES5 语法。
结论
对于使用 ES6 语法编写的项目，es-scavenger 能够很好地将其转换为 ES5 语法，正确地运行在旧浏览器上，并且它的功能强大，易于使用，我们非常推荐它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600555da81e8991b448d2ea4