如果你是一名前端开发者，那么你一定会用到 Babel。Babel 是一个 JavaScript 编译器，用于将 ES6 及以上版本的代码转换为浏览器能够执行的 ES5 代码。而作为一个 Node.js 的包管理器，npm 能够帮助我们更方便地使用 Babel。本文将介绍一个名为 @dword-design/babel-config 的 npm 包，它是一个基于 Babel 的配置工具包，可以帮助我们快速配置 Babel，让你在开发中更加高效！
1. 安装 @dword-design/babel-config
首先，你需要将 @dword-design/babel-config 包添加到你的项目中。在终端中输入以下命令：
npm install @dword-design/babel-config --save-dev
2. 配置 Babel
接下来，我们需要配置 Babel。其实，我们完全可以手动创建一个配置文件来配置 Babel，具体的配置项可以查看官方文档。但是使用 @dword-design/babel-config 包更为简单。
在项目的根目录下，创建一个名为 .babelrc 的文件。然后，在文件中添加以下内容：
{
"extends": "@dword-design/babel-config"
}这样就完成了 Babel 的配置！@dword-design/babel-config 包已经为你准备好了所有的配置项，你无需再手动设置。如果需要自定义配置，可以查看dword-design/babel-config 的 GitHub 仓库。
3. 示例代码
最后，我们来看一下如何在项目中使用这个包。下面是一个简单的示例代码，它可以将 ES6 的箭头函数转换为 ES5 的函数：
const add = (a, b) => {
return a + b
}
console.log(add(1, 2)) // 输出 3通过运行：
node index.js
可以将 ES6 代码转换为 ES5 代码执行。使用 @dword-design/babel-config 就可以避免手动设置 Babel 配置，让我们更加专注于开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f0c1f0f403f2923b035c146