babel基本转码方法

  1. 建立好文件夹
    在这里插入图片描述

  2. npm init -y生成json文件
    在这里插入图片描述

  3. 希望执行一个命令就直接转码,script中写translate
    // 要转码的 index.js文件 相对于package.json/day210224/src
    // 要输出的文件 -ooutput缩写 转码到的文件地址 day210224/dist/main.js
    在这里插入图片描述

  4. 想要使用babel包前下载@babel/cil,主要作用是提供命令,及babel的核心包@babel/core
    在这里插入图片描述

  5. 接下来直接npm run translate 直接就可以转码了

在这里插入图片描述

  1. src/index.js 中写要转译的代码并执行npm run translate dist/main.js中转译成功
    在这里插入图片描述
  2. 想要转码那些需去官网找到指定转码的插架进行转码,例如箭头函数转码:
    在这里插入图片描述
  3. 箭头函数转码
    在这里插入图片描述

这种转码方式使用过于不方便,babel提供了更加便捷的方式,可以将大部分ES6代码转码为ES5:
在这里插入图片描述
在这里插入图片描述
常用转码插件可看:https://blog.csdn.net/Menqq/article/details/114036943?spm=1001.2014.3001.5502

猜你喜欢

转载自blog.csdn.net/Menqq/article/details/114059264