es6类型转换_es6转换es5

> 虽然我觉得没什么用，但是记一下吧

[TOC]

#### 1.新建项目

项目目录结构：


#### 2.src中的**index.js**为你写的es6语法代码

我们例子写：

“`

let b = 1;

console.log(b);

const name = “肖二”;

console.log(name);

“`

#### 3.初始化项目

`npm init `

得到`node_modules`文件夹，`package.json`文件，`package-lock.json`

#### 4.安装所需的包

“`

npm install –save-dev @babel/core @babel/cli @babel/preset-env

npm install –save @babel/polyfill

“`

#### 5.全局安装babel工具

`npm install -g babel-cli`

#### 6.安装转换包

`npm install –save-dev babel-preset-es2015 babel-cli`

此时，**package.json**中，有如下：

“`

“devDependencies”: {

“babel-cli”: “^6.26.0”,

“babel-preset-es2015”: “^6.24.1”

}

“`

#### 7.新建`.babelrc`文件

添加以下内容：

“`

{

“presets”: [

“es2015”

],

“plugins”: []

}

“`

#### 8.完成，尝试

输入命令：`babel src –out-dir dist`

**dist**目录下面就生成了编译后的`index.js`文件，里面便是转换后的es5语法代码

“`

“use strict”;

var b = 1;

console.log(b);

var name = “肖二”;

console.log(name);

“`

> es5中，都是使用var来定义，没有let const

#### 9.可更改命令

通过修改**package.json**里面的别名来实现编译

“`

“scripts”: {

“build”: “babel src –out-dir dist”

},

“`

运行：`npm run build`

*****

最后目录结构