【前端面试指南】babel

1. babel作用：转换，把高版本的ES6转换成低版本的ES5

2. babel安装步骤

   1. 安装node.js,需要使用其npm
   2. 在dos界面,进入工程目录,生成package.json文件
   3. 安装babel ,用于转码
   4. 安装转码规则
   5. 创建.babelrc文件

3. babel安装命令

   npm init --y
   
   npm install -g babel-cli
   
   npm install --save babel-preset-es2015
   
   babel es6.js --presets-es2015
   
   babel src -d dist --presets-es2015
   
   .babelrc:
   {"presets":["es2015"],"plugins":[]}
   
   "scripts":{
   	"build":"babel src/index.js -o dist/index.js"
   },
   
   npm run build
   
   npm uninstall --save babel-preset-es2015
   npm install babel-preset-env -D
   .babelrc:
   {"presets":["env"]}
   

4. babel实操
   JS原文件如下所示，采用了ES6+的语法let和箭头函数

let fun1 = () => {
    return 666;
}

运行以下命令后

npm run build

JS文件被转化为低版本

"use strict";

var fun1 = function fun1() {
    return 666;
};