Babel 是一个广泛使用的 JavaScript 编译器，它可以将新版本的 JavaScript 代码转换为可以在旧版浏览器和环境中运行的代码。但是，在使用 Babel 时，你需要配置一些参数和插件。那么，你应该在哪里存储你的 Babel 配置？在 .babelrc 文件中，还是在 package.json 文件中？
.babelrc 文件
.babelrc 文件是一个 JSON 文件，它包含了 Babel 的配置。在这个文件中，你可以指定 Babel 的插件和预设、转换目标代码的环境等等。这个文件应该存储在你的项目根目录中。
下面是一个简单的 .babelrc 文件的例子：
{
"presets": ["@babel/preset-env"],
"plugins": ["@babel/plugin-transform-runtime"]
}这个配置文件指定了一个预设（@babel/preset-env）和一个插件（@babel/plugin-transform-runtime）。预设是一组插件的集合，它们共同实现了一组功能。插件是单个功能的实现。
package.json 文件
在 package.json 文件中，你可以使用一个包含 Babel 配置的对象来指定 Babel 的配置。这个对象应该放在 "babel" 属性下面。
下面是一个简单的 package.json 文件的例子：
-- -------------------- ---- -------
-
------- -------------
---------- --------
-------------- ---
------- -----------
-------- -
---------- ----------------------
---------- -----------------------------------
--
---------- -
-------- ------ --- -- ----
--
------------------ -
------------- ----------
-------------- ----------
---------------------------------- ----------
-------------------- ---------
-
-在这个例子中，Babel 的配置被放在了 "babel" 属性下面。这个配置包含了一个预设和一个插件。这个配置还被用来构建项目。在 "scripts" 属性下面，有一个 "build" 命令，它使用了 Babel 来构建项目。
选择哪个文件
那么，你应该选择在哪个文件中存储你的 Babel 配置呢？这个问题没有一个明确的答案，因为这取决于你的个人偏好和项目的需要。
一般来说，如果你只需要一个简单的配置，那么使用 .babelrc 文件可能更加方便。这个文件可以很容易地被编辑和管理，而且它只包含了 Babel 的配置。
但是，如果你需要在你的项目中使用 Babel 来构建代码，那么使用 package.json 文件可能更加方便。这个文件包含了你的项目的所有依赖和构建脚本，所以把 Babel 的配置也放在这个文件中可能更加合适。
结论
无论你选择在哪个文件中存储你的 Babel 配置，都有一些最佳实践可以帮助你更好地管理你的配置。
首先，尽可能地使用预设而不是单独的插件。预设是一组插件的集合，它们共同实现了一组功能。这可以使你的配置更加简单和易于维护。
其次，只添加你需要的插件。不要添加你不需要的插件，因为这可能会增加你的构建时间和文件大小。
最后，确保你的配置与你的项目的需求相匹配。如果你需要在你的项目中使用 Babel 来构建代码，那么把 Babel 的配置放在 package.json 文件中可能更加合适。如果你只需要一个简单的配置，那么使用 .babelrc 文件可能更加方便。
参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/677776d2c1c5215e3cb7983e