babel配置文件.babelrc

Babel是一个广泛应用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。意味着可以使用ES6编写程序，而不用担心现有环境是否支持。

Babel的配置文件是.babelrc，存放在项目的根目录下。使用Babel的第一步，就是配置这个文件。该文件用来设置转码规则和插件，基本格式如下：

{

    "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

然后将这些规则加入.babelrc中。

{

    "presets": [

      "es2015",

      "react",

      "stage-2"

    ],

    "plugins": []

}

在特定环境的时候，可以用env选项来设置特定的配置：

{

    "presets": ["env"]

}

可以设置一些选项，这里介绍常用几种：

targets　　指定运行环境

targets.node　　指定node版本

targets.browsers　　指定浏览器版本

具体配置书写方式如下：

{

    "presets": [

        ["env", {

            "targets": {

                "node": "8.9.1"

            }

        }],

        ["stage-0"]

    ]

}

巴特西

babel配置文件.babelrc

最新文章

热门文章