webpack優化

摘要： 1，增加CleanWebpackPlugin外掛，作用是，清空之前的dist資料夾，避免檔案積攢 2，由於開發模式下會執行 HotModuleReplacementPlugin 所以在本地build的時，會針對生成的新的dist檔案，這樣就觸發了熱更新並自動執行babel-l...

1，增加CleanWebpackPlugin外掛，作用是，清空之前的dist資料夾，避免檔案積攢

2，由於開發模式下會執行 HotModuleReplacementPlugin

所以在本地build的時，會針對生成的新的dist檔案，這樣就觸發了熱更新並自動執行babel-loader，而babel-loader會生成新的轉碼檔案，會使得dist資料夾下面增加不必要的轉碼檔案。

此時需要在babel-loader裡面增加exclude欄位，不再轉碼dist資料夾

{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('src'), resolve('test')],
exclude: /dist/, // 不再轉碼dist資料夾
options: {
cacheDirectory:true
}
},