babel的作用及使用

babel的作用

babel是一个node命令行工具，它的作用是对我们源代码进行转码（把es6=>es5）

babel的使用步骤：

• 安装相关的包： @babel/core babel的核心功能 @babel/cli 提供babel命令行的能力 -D安装
• 转码配置 package.json 中的script babel 目标文件/文件夹 -o或者-d(o用于转码文件，d用于转码文件夹) 编译之后的文件/文件夹
• babel官网(https://www.babeljs.cn/) 查看各个模块对应的插件
• 配置plugins: 针对不同的es6语法提供的插件（1. 命令行的使用方式 2. 配置文件的使用方式）-D
• 例：package.json中的script标签配置(转文件夹下的es6源码)：
• babel ./src -d ./build --plugins @babel/plugin-transform-block-scoping
• 命令行 package.json中的script 配置文件 .babelrc文件 {}
• 预设presets: @babel/preset-env 包含了插件，.babelrc文件中配置 -D
• 使用@babel/polyfill 用于解决es6语法中一些新增方法（非新语法问题）的转义。直接require()引入 -S

进阶@babel/runtime包

• 使用@babel/runtime 该包是用来解决转码的时候生成的helper函数（辅助函数）引用混乱的问题。-S
• 配合@babel/plugin-transform-runtime插件使用使用@babel/plugin-transform-runtime 该包能够保证我们正常的引入@babel/runtime这个包。-D .babelrc文件中插件配置