babel 编写plugin(一)--介绍

babel介绍

babel其实就是代码转换器，就是把ES6转化成ES5,或者把jsx转换成js等

plugin和preset

plugin

实现babel的核心功能就是plugin,如下：

原始代码 ----> plugin转化器 ----> 转化后的代码

业务使用

一、手动执行单个文件

1. 安装相关依赖
2. 执行转换，通过–plugins声明依赖的插件，多个插件之间采用,进行分隔
   下列命令如下：
   npm bin/babel --plugins babel-plugin-transform-es2015-arrow-functions,babel-plugin-transform-es2015-template-literals index.js

二、项目中使用

新建.babelrc配置文件，plugins字段中声明的插件会按照顺序执行。

{
   
  "plugins": [
    "transform-es2015-arrow-functions"