babel使用
2024-09-07 16:53:59
Babel转码器
Babel定义
Babel 是一个广泛使用的 ES6 转码器,可以将 ES6 代码转为 ES5 代码,从而在老版本的浏览器执行
Babel安装
仅需要在项目文件下安装
npm install --save-dev @babel/core
Babel转码流程
一:配置.babelrc文件
创建.babelrc文件设置转码规则和插件
格式:{
"presets": [],//转码规则
"plugins": []
}
二:安装转码规则
presets字段设定转码规则
转码规则:
npm install --save-dev @babel/preset-env //最新规则
npm install --save-dev @babel/preset-react //react 转码规则
三:将转码规则加入presets字段
{
"presets": [
"@babel/env",
"@babel/preset-react"
],
"plugins": []
}
四:命令行转码
1.安装babel命令行工具
$ npm install --save-dev @babel/cli
2.转码用法
npx babel example.js //转码js文件
npx babel example.js -o compiled.js //将js文件转码到指定文件输出
npx babel src -d 文件夹名 //转码整个文件夹
Babel转码注意事项
Iterator、Generator、Set、Map、Proxy、Reflect、Symbol、Promise等全局对象Babel不会转码
Babel可转码的语法可参考(https://www.babeljs.cn/)Babel官网
最新文章
- Windows 安装JRuby 生成 war 到 tomcat 运行
- Python的高级特性9:蹩脚的多态
- Web启动服务器上的某一个服务
- 【Django】Django 文件下载最佳实践
- Spring事务配置
- python常用代码
- easyUI之layout
- js 如何验证字符串里是否包含汉字?
- C#学习笔记(八):扩展方法
- 跟我一起学extjs5(22--模块Form的自己定义的设计)
- Mysql 配置慢查询日志(SlowQueryLog)以及使用日志分析工具
- 获取手机 id 与 ip
- bootstrap折叠调用collapse()后data-parent不生效问题
- Gson序列化对象如何忽略字段
- ES6(数值)
- 【python】使用unix管道pipe处理stdout实时数据
- MFC学习笔记_关于CSpinButtonCtrl
- strtol详解
- MapReduce多种join实现实例分析(一)
- RoR-Scaffolding