Babel详解

★Babel

1.简介

ES6的某些语法在浏览器环境甚至是Nodejs环境中无法执行。

Babel是一个广泛使用的转码器，可以将es6代码转换未es5代码，从而在现有环境执行。（降级处理）

2.安装

安装命令行转换工具

Babel提供babel-cli工具，用于命令行转码，它的安装命令：

npm install -g babel-cli

查看是否安装成功

babel --version

3.使用

• 新建.babel文件并配置.babel文件

{
  "presets":["es2015"],
   "plugins":[]  
}

•  安装转换器

cnpm install --save-dev babel-preset-es2015

• 执行转换命令

babel src -d dist

src 是文件夹，此命令是将src文件夹下所有js文件降级。

4.自定义脚本

改写package.json

{

  "scripts":{
     "dev":"babel src -d dist"

  }
}

这里配置 “dev” 的目的是在启动时候可以运行

npm   run dev   等于  babel src -d dist  命令，是一个同意管理命令的配置

“dev”这个名字可以自定义随便起名，比如：“aa”，那么启动命令变成：npm run aa