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的代碼已經能被正確編譯且執行。