将ES6代码转换为ES5代码


注意:转码不是必须的,看自己的需求,转码是为了兼容低版本的浏览器
Babel 是一个广泛使用的ES6转码器,可以将ES6转化为ES5
##安装步骤(前提安装了Nodejs)
注:没安装cnpm下面的cnpm就用npm就可以

(一)单个js文件解码

1 命令在项目目录中,安装Babel

cnpm install --save-dev @babel/core

2 配置文件.babelrc

Babel 的配置文件是.babelrc,存放在项目的根目录下。使用 Babel 的第一步,就是配置这个文件。

该文件用来设置转码规则和插件,基本格式如下:
{
“presets”: [],
“plugins”: []
}

3 安装转码规则

最新转码规则
$ npm install --save-dev @babel/preset-env
react 转码规则//没学就装上面那个就行
cnpm install --save-dev @babel/preset-react

4 配置.babelrc

{
“presets”: [
“@babel/env”,
“@babel/preset-react”//上面没装react转码规则这个就删除掉
],
“plugins”: []
}

5 命令行转码

cnpm install --save-dev @babel/cli

6 控制台转码输出(不常用)

npx babel example.js

7 将转码结果写入一个文件

npx babel example.js -o compiled.js

(二)整个目录转码

npx babel src -d lib

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值