乐趣区

关于babel7:使用babel把es6语法转换成es5

Babel 是什么

Babel 是一个工具链,次要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便可能运行在以后和旧版本的浏览器或其余环境中。

Babel 能用在哪里

NodeJs

应用 npm 初始化我的项目

$ mkdir es6-to-es5
$ npm init -y

装置 Babel

$ npm install --save-dev @babel/core @babel/cli

装置实现之后, 你的 package.json 会退出这些代码

  "devDependencies": {
   + "@babel/cli": "^7.12.8",
   + "@babel/core": "^7.12.9"
  }

当初把 Babel 的运行命令放入到 npm 脚本中, 也是在 package.json

 "scripts": {+     "build": "babel src -d lib"}

创立.babelrc 配置文件

$ npm install @babel/preset-env --save-dev

创立 babel.config.json 文件, 写入以下内容

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

环境都配置实现, 上面开始正式写代码了

写一段 ES6 代码

创立 /src/index.js

$  mkdir src
$  touch src/index.js

写入一个简略的箭头函数

let sayHello = () => {console.log('hello xiaotaideng')
}

sayHello()

当初运行刚刚写好的启动脚本

$ npm run build

实现之后能够看到目录中新增了一个 build 文件夹, 关上外面的 index.js 它的内容是这样的

"use strict";

var sayHello = function sayHello() {console.log('hello xiaotaideng');
};

sayHello();

当初执行上面的命令

 $  node build/index.js

能够失常的输入,到当初如同曾经能够失常的应用了

点击获取源码

原文地址 https://segmentfault.com/a/11…

退出移动版