babel的简单使用
来源:互联网 发布:青岛大学网络教育 编辑:程序博客网 时间:2024/05/26 19:17
首先说好本文在介绍使用babel的使用的时候,未使用任何第三方框架和脚手架
首先安装babel:
npm install -g babel-cli
上来第一件事先把babel装上了 ,这个时间会比较长一些。。。。
运行一下试试:
index.js中的内容:
()=>console.log(1);就这么简单的一个匿名函数
运行一下;
babel index.js
结果很吃惊
babel并没有将es6代码转成es6
原因很简单,babel是一个强大的工具,但是需要规则,babel官网提供了多个规则集:babel-preset-2015 react 还有es7中的四个阶段草案。
这里就不一一写出来了 回头自己去官网查找相应的知识就可以了。
下载常用的集合
npm install -g babel-preset-es2015
下载完成后直接运行
babel index.js --presets es2015
你就会在控制台看到编译后的代码了
因为工作环境是无网环境,所以这些东西相对于有网的环境要难不少,轻松的地方也得益于node的头疼的包管理工具------npm,其他工具的babel使用
就不一一介绍;
写上俩自己常用的参数吧
babel index.js -o 1.js定义输出文件
babel index.js -w -o 1.js 检测index.js的变化并输出到1.js
这基本常用的应该就足够了
最后附上中文官网和阮一峰老师的博客《Babel入门教程》
阅读全文
0 0
- babel的简单使用
- babel安装及简单使用
- babel的使用
- 初学babel的简易使用
- babel使用
- 今天使用babel遇到的一个错误
- 学习记录:gulp babel 的使用
- 使用babel深入理解es7的decorator
- 使用babel将es6转换成es5简单案例
- Flask-babel简单实例
- Babel简单学习笔记
- Babel 简单介绍
- Broccoli & Babel使用示例
- React学习--使用babel
- Babel使用方式积累
- Node Babel使用教程
- Web前端 - babel 使用
- 使用Babel转码
- HDU3388
- cp命令总结
- C/C++--私有继承
- SSAS高级应用
- python3 执行pip3 install requests ,提示找不到ssl模块
- babel的简单使用
- assert、const
- C/C++ -- C++继承
- jenkins+gradle+Android-sdk
- Idea for Mac 环境搭建
- jvisualvm远程监控Tomcat
- 对于MySql分区的理解(未完待续)
- Java之網易云課堂_浙江大學翁凱_第二週編程作業
- leetcode 202. Happy Number | 循环检测