开发者学堂课程【前端自动化构建工具 Webpack 第18课时：关于 Babel 的几点说明】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/587/detail/8226
关于 Babel 的几点说明
目录：
一、第一套包
二、第二套包
一. 第一套包：
cnpm babel-core babel-loader bable-plugin-transform-runtime -D
（只负责转换，不知道高级语法到低级语法的对应关系，如果想真正转换，就要安装 babel-preset-env）
class person{
//使用static关键字，可以定义静态属性
//所谓的静态属性，就是可以通过类名，直接访问的属性
//实例属性：只能通过类的实例，来访问的属性，叫做实例属性
Static info={nsme:’zs’,age:20}
}
二、第二套包
1. 第二套包：cnpm i babel-preset-env bable-preset-stage-0 -D（如果只安装了第一套包，babel 不能正常工作，因为要把 es6 的语法转换成 es3 的写法）
2. 通过 Babel,可以将高级语法转换成低级语法
3. 打开 webpack 的配置文件，在 module 节点下的 rules 数组中，添加一个新的匹配规则：
{test;/\.js$/,use:’babel-loader’,exclude:/node_modules/}
4. 注意：在配置 babel 的 loader 规则的时候，必须把 node_modules 目录通过exclude 选项还能够排除两个，
原因有两个：
（1）如果不排除 node_modules,则 Babel 会把 node_modules 中所有的第三方文件都打包编译，这样，会非常的消耗cpu,同时，打包速度非常慢
（2）哪怕最终 Babel 把所有 node_modules 中的 js 转换完了，但是，项目也无法正常运行。
5. 目前，我们安装的 babel-preset-env，是比较新的语法插件，之前我们安装的是babel-preset-es2015,现在，出现了一个系的语法插件，叫做 babel-preset-env,他包含了所有的和es***相关的语法。
