- Babel 是什么?
- 使用指南
- 配置 Babel
- Learn ES2015
- 升级到 Babel 7
- 升级到 Babel 7 (API)
- 编辑器
- 插件
- 预设(Presets)
- 附加说明
- FAQ
- Babel 路线图
- Options
- Config Files
- @babel/cli
- @babel/polyfill
- @babel/plugin-transform-runtime
- @babel/register
- @babel/preset-env
- @babel/preset-stage-0
- @babel/preset-stage-1
- @babel/preset-stage-2
- @babel/preset-stage-3
- @babel/preset-flow
- @babel/preset-react
- babel-preset-minify
- @babel/preset-typescript
- @babel/parser
- @babel/core
- @babel/generator
- @babel/code-frame
- @babel/helpers
- @babel/runtime
- @babel/template
- @babel/traverse
- @babel/types
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
配置 Babel
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 文档 以了解更多关于配置参数的信息。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论