babel

babel:ES6转换器,将ES6代码转为ES5代码
安装
核心库
npm install --save-dev @babel/core
最新转码规则
npm install --save-dev @babel/preset-env
react 转码规则
npm install --save-dev @babel/preset-react
命令行工具
npm install --save-dev @babel/cli
babel-node命令,可以直接运行ES6代码
npm install --save-dev @babel/node
改写require命令,为它加上一个钩子,实时转码,只适合开发环境
npm install --save-dev @babel/register
解决babel只转换新的Javascript句法,不转换新的api的问题
npm install --save-dev core-js regenerator-runtime

新建
.babelrc

 {
    "presets": [
      "@babel/env",
      "@babel/preset-react"
    ],
    "plugins": []
  }

运行
npx babel xxx.js
npx babel src -d lib

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。 这意味着,你可以现在就用 ...
    yichen_china阅读 1,344评论 0 3
  • Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。 配置文件 Babel的配置...
    zhulichao阅读 484评论 0 0
  • 原理 Babel的功能非常纯粹,以字符串的形式将源代码传给它,它就会返回一段新的代码字符串(以及sourcemap...
    光脚的鞋阅读 171评论 0 0
  • 本篇围绕gulp记录Babel的使用,其它工具差不多 1、安装gulp-babel babel的作用是将ES6转换...
    风之化身呀阅读 2,088评论 0 0
  • 在 Github 上 Fork 了别人的代码,在 package.json 中看到了很多与 Babel 有关的包,...
    dkvirus阅读 1,069评论 0 3