1. 命令行运行 `npm install @babel/core @babel/preset-env babel-loader --save-dev`
2. 根目录下创建 `.babelrc` 文件
```
{
"preset": ["@babel/preset-env"],
"plugins": []
}
```
3. 打开 `webpack.dev.config.js`，添加与 `plugins` 平级的一段：
```
module: {
rules: [{
test: /\.js?$/,
exclude: /(node_modules)/,
loader: 'babel-loader'
}]
},
```
4. 打开 `src/index.js`
```
class Person {
constructor(name) {
this.name = name
}
getName () {
return this.name
}
}
var p = new Person('老师')
alert(p.getName())
```
5. 命令行运行 `npm run dev`，可看到打开的页面会alert出警告框，则所写的es6的代码已经能被正确编译且执行。
