到了 webpack 的第三篇文章，今天要介紹的是 plugins 這個輔助 webpack 執行的區塊，會以 clean-webpack-plugin 作為內容來介紹

前言：
在上一篇文章提到，當我們需要讀取除了 javascript 和 json 以外的檔案時需要透過 loader 去進行讀取，然而當我們需要針對檔案進行操作的時候就需要透過使用 plugin 去進行操作，下方介紹一款 plugin

clean-webpack-plugin
一般來說，在開發時為了防止快取機制使檔案讀取錯誤，我們會在要引用的檔案中加入 hash 以防重複讀取檔案之問題，而當我們需要透過 webpack 去生產檔案時，會需要將舊版檔案先進行手動刪除，當此動作重複過多次難免會產生煩躁感且影響效率，因此我們這邊使用 clean-webpack-plugin 來保持專案清潔，下方介紹使用方式

1. 先把此檔案下載到專案內 npm install clean-webpack-plugin
2. 在 webpack.config.js 中引用此檔案

const { CleanWebpackPlugin } = require('clean-webpack-plugin');

3. 宣告 plugins 區塊，並且將 CleanWebpackPlugin 進行實體化

entry:...,
output:{...},
module:[...],
plugins: [
        new CleanWebpackPlugin(),
    ]

4. 在前一次 build 好後產生的資料夾 dist 內新建一個空文字檔 123.txt ，並且執行 npm run build 你將會看到你的 123.txt 被刪除且產生新的 index.js 檔囉