Web前端 - babel 使用
来源:互联网 发布:像素骑士团合战数据 编辑:程序博客网 时间:2024/06/05 11:58
Web前端 - babel 使用
http://babeljs.io/
babel 用来转化es2015…reactjs等语法为es5语法 适应当前浏览器 就是一个语法的转化工具!
使用babel 要先安装 babel-cil
npm install –save-dev babel-cli
1、npm install --save-dev babel-cli2、npm install --save-dev babel-preset-es2015 安装es2015转化插件!必须! babel-cil只是一个母体
3、写配置文件,在根目录创建 .babelrc
{ "presets": ["es2015"]}
以后如果有babel相关要引用的文件 那么直接 在数组里加内容就可以了。
{ "presets": ["es2015","XXXX"]}
编译并输出 If you would like to output to a file you may use –out-file or -o.
$ babel script.js --out-file script-compiled.js
注意 如果 babel-cil没有使用全局安装 那么就不能在命令行里直接使用babel命令 要借助 npm
方法:
在package.json里配置 script: “b”:”babel daichen.js” 然后命令行里 npm rub b即可
0 0
- Web前端 - babel 使用
- Web前端 - webpack和babel勾结
- babel使用
- web前端chrome使用
- Broccoli & Babel使用示例
- React学习--使用babel
- Babel使用方式积累
- Node Babel使用教程
- babel的使用
- 使用Babel转码
- Babel使用教程手册
- babel的简单使用
- babel下载安装使用
- babel使用入门
- babel
- babel
- babel
- babel
- C语言结构体struct的语法解析
- 机器学习&数据挖掘笔记_16(常见面试之机器学习算法思想简单梳理)
- 用WebClient下载媒体文件时报:基础连接已经关闭: 发送时发生错误。
- 剑指offer面试题7(java实现):用两个栈实现队列
- 从汉诺塔到八皇后问题
- Web前端 - babel 使用
- 【可视化】Echarts3 在世界地图中绘制中国各省份的轮廓
- 分布式DB规划要点
- maven依赖关系中Scope的作用
- 数据结构(排序)--插入排序(未优化)
- 排序算法之插入排序
- 自定义控件之viewPager轮播图
- lua C/C++
- [Mark] Spark+Python 初学时遇到的问题