ES6转ES5

目前大部分浏览器支持ES6,但支持程度不一。但程序最好能采用最新标准进行编写。因此可以使用Babel 转码器,将 ES6 代码转为 ES5 代码,从而在现有环境执行。不用担心采用ES6引起的浏览器不兼容问题。

Babel 安装配置可以直接参考https://babeljs.io

  1. 项目的根目录下创建.babelrc

    cd ProjectPath
    touch .babelrc

  2. 安装转码规则

    最新转码规则
    npm install –save-dev babel-preset-latest
    react 转码规则
    npm install –save-dev babel-preset-react
    不同阶段语法提案的转码规则(共有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

  3. 安装CLI

    cd ProjectPath
    npm install –save-dev babel-cli babel-preset-env

  4. 将已经安装好的转码规则配置到.babelrc中

    {
    “presets”: [“env”]
    }

  5. 改写package.json

    "scripts": {
     // ...
            "build": "babel src -d lib"
     },
    

注意:如果没有src文件夹或者只要转某个文件,修改以上babel命令即可
6.npm run build

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值