6.babel学习

6.babel

​ 是什么？

• babel是转码器，能将es6的代码转成ES5
• 这样做是为了解决es6浏览器兼容性问题

​ 安装bable

#第一步 安装babel
npm install --global babel-cli

#第二步 查看babel版本
npm --version

#第三步 创建js文件编写es6代码
写一些es6特有的箭头函数之类的

#第四步 创建babel配置文件 文件名如下 且是固定的,存放在项目的根目录下
.babelrc

#第五步 在配置文件中编写下面代码
{
    "presets": ["es2015"],
    "plugins": []
}

#第六步 安装转码器
npm install --save-dev babel-preset-es2015

#第七步 转码 可以根据文件转码或者根据文件夹转码(下面第一个是根据文件转码  第二个是根据文件夹转码)   都是路径 记得改成实际的
babel src/example.js -o dist1/compiled.js
babel src -d dist2