配置 Babel
优质
小牛编辑
130浏览
2023-12-01
Babel 也由配置文件!许多其他工具都有类似的配置文件:ESLint (.eslintrc
)、Prettier (.prettierrc
)。
所有 Babel API 参数 都可以被配置。然而,如果该参数需要用到 JavaScript 代码,你可能需要使用 JavaScript 代码版的 配置文件。
你的使用场景是什么?
- 你是否希望以编程的方式创建配置文件?
- 你是否希望编译
node_modules
目录下的模块?
babel.config.js
在项目的根目录(
package.json
文件所在目录)下创建一个名为babel.config.js
的文件,并输入如下内容。module.exports = function (api) { api.cache(true); const presets = [ ... ]; const plugins = [ ... ]; return { presets, plugins }; }
请参阅
babel.config.js
文档 以了解更多关于配置参数的信息。
.babelrc
在你的项目中创建名为
.babelrc
的文件,并输入以下内容。{ "presets": [...], "plugins": [...] }
请参阅 .babelrc 文档 以了解更多关于配置参数的信息。
package.json
或者,还可以选择将
.babelrc.js
与 使用 CLI (
@babel/cli
)babel --plugins @babel/plugin-transform-arrow-functions script.js
请参阅 babel-cli 文档 以了解更多关于配置参数的信息。
使用 API (
@babel/core
)require("@babel/core").transform("code", { plugins: ["@babel/plugin-transform-arrow-functions"] });
请参阅 babel-core 文档 以了解更多关于配置参数的信息。