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

Babel 是什么

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

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

$ 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"  }

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

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

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

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

创立 /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...