ES6转码器babel的使用
2024-09-10 00:20:46
1. 进入ES6的项目,执行
npm init // 初始化package.json
2. 在与package.json同一目录下编写配置文件 .babelrc
{
"presets": [],
"plugins": []
}
安装babel
// 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-0"
],
"plugins": []
}
安装 babel-cli 工具,用于命令行转码
npm install --global babel-cli
// 转码输出文件
example.js
[1,2,3].map(x => x*x);
// 执行转码
babel example.js -o compile.js --presets es2015
转码后的compiled.js文件:
"use strict"; [1, 2, 3].map(function (x) {
return x * x;
});
实时监听编译文件:
To compile a file every time that you change it, use the --watch
or -w
option:
$ babel example.js --watch -o compiled.js --presets es2015
babel在线转码工具:
最新文章
- [转]hibernateTools工具安装及使用总结(eclipse 3.6)
- apicloud 解析
- Android通过webservice连接SQLServer 详细教程(数据库+服务器+客户端)
- JS练习题 显示登入者相关好友
- 工作随笔记 点击除div自身之外的地方,关闭自己
- The-ith-Element
- WinPcap编程入门实践
- 虚拟机环境中安装ubuntu下的mysql-cluster7.3.2(单点服务器)
- 【转载】chown和chmod使用
- vue的使用1
- 小程序url传参如何写变量
- idea的svn安装
- LINQ to SQL语句大全
- 企业级实时数据文件同步服务_【all】
- 解题:CF825E Minimal Labels
- PPT文化
- MPI - 缓冲区和非阻塞通信
- 【C#】 WebApi 路由机制剖析
- Linux配置redis服务器
- Linux 的计划任务(运维基础|可用于提权)