babelrc文件的配置

发布时间：2020-12-15 07:34:15 所属栏目：Java 来源：网络整理

导读：1. .babelrc文件 .babelrc是Babel的配置文件，Babel官网https://www.babeljs.cn/docs/ Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。下面列出的是 Babel

1. .babelrc文件

.babelrc是Babel的配置文件，Babel官网https://www.babeljs.cn/docs/

Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。下面列出的是 Babel 能为你做的事情：

语法转换
通过 Polyfill 方式在目标环境中添加缺失的特性 (通过?@babel/polyfill?模块)
源码转换 (codemods)
更多！ (查看这些?视频?获得启发)? ? ??

2.配置.babelrc文件

.babelrc文件放在项目根目录下,该文件用来设置转码规则和插件，基本格式如下。

{
    "presets": [],"plugins": []
}

presets字段设定转码规则，官方提供以下的规则集，你可以根据需要安装。

# ES2015转码规则
$ npm install --save-dev babel-preset-es2015

# react转码规则
$ npm install --save-dev babel-preset-react

# ES7不同阶段语法提案的转码规则（共有4个阶段），选装一个
$ npm install --save-dev babel-preset-stage-0
$ npm install --save-dev babel-preset-stage-1
$ npm install --save-dev babel-preset-stage-2
$ npm install --save-dev babel-preset-stage-3

# 使用babel插件transform-object-rest-spread,作用：对象使用spread操作符

$ npm install --save-dev babel-plugin-transform-object-rest-spread

?.babelrc代码

{
    "presets": [
        "react",// react 转码规则
        "es2015","stage-3"
    ],"plugins": ["transform-object-rest-spread"]
    
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!