bable转换html里面的js,babel将es6转化为es5

第二种：babel直接将ES6转ES5：

先看下文件夹结构：

目录.png

1：创建你的项目文件夹，如：Babel，

2：进入文件夹中，打开命令行，输入 npm init -y：用来生成package.json文件，项目依赖

QQ图片20181204094344.png

3：全局安装babel-cli ：npm install babel-cli -g

4：项目安装 -> npm install babel-cli babel-preset-es2015 --save-dev

5：建立html文件，如:1.html：

转化test

hello ECMA SCRIPT 6

6：建立2个文件夹与js ： 1 -> src/index.js 2 -> dist/index.js ，且在 src/index.js 中添加ES6代码，如下：

let lee ='lee';

const study = ()=>{

console.log(lee + ': study')

}

console.log(lee)

study()

7：配置 .babelrc文件

{

"presets": [

"es2015"

],

"plugins": [

]

}

8：终端命令行输入：babel src/index.js -o dist/index.js，就可以在dist/index.js中见到es5的js了。