babel
作用将高版本的JavaScript语法转换成现在大多数浏览器能识别的低级JavaScript语法。如:将ES6 --> ES5.将程序员使用新定义的语法转换成ES5的语法供浏览器运行。
babel总共有三种使用方式
- 使用单体文件 (standalone script)
- 命令行 (cli)
- 构建工具的插件 (webpack 的 babel-loader, rollup 的 rollup-plugin-babel)。 以上三种情况除调用的入口不同外,调用的核心是相同的。
工作流程:解析 转换 生成
备注
babel其本身没有转义功能,是由提供的种种插件进行转义。
使用babylon解析类库(非babel开发)
插件
- 语法插件
- 转译插件 :添加 转译插件 之后,在转换这一步把源码转换并输出。这也是我们使用 babel 最本质的需求
使用方式
1、将插件的名字增加到配置文件中 (根目录下创建 .babelrc 或者 package.json 的 babel 里面,格式相同)
2、使用 npm install babel-plugin-xxx 进行安装