码迷,mamicode.com
首页 > 其他好文 > 详细

babel配置文件.babelrc

时间:2018-03-26 15:55:00      阅读:1374      评论:0      收藏:0      [点我收藏+]

标签:plugins   class   使用   div   res   9.1   color   根据   常用   

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

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

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

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

 1 # ES2015转码规则
 2 $ npm install --save-dev babel-preset-es2015
 3 
 4 # react转码规则
 5 $ npm install --save-dev babel-preset-react
 6 
 7 # ES7不同阶段语法提案的转码规则(共有4个阶段),选装一个
 8 $ npm install --save-dev babel-preset-stage-0
 9 $ npm install --save-dev babel-preset-stage-1
10 $ npm install --save-dev babel-preset-stage-2
11 $ 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

标签:plugins   class   使用   div   res   9.1   color   根据   常用   

原文地址:https://www.cnblogs.com/lianglanlan/p/8650466.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!