從 0 開始的 webpack 5 專案(4) webpack-clean

發表於 更新於
使用 webpack-clean 清除舊檔案

清除檔案

開發時如果不斷執行 npm run dev 、npm run build ，會在 dist 產生許多打包後的檔案。為了讓每次打包時都能清除上一次打包的檔案，會用到 clean-webpack-plugin 這個 plugin。

1
npm i -D clean-webpack-plugin

安裝後引入config

1
2
3
4
5
6
7
8
9
10
11
12
13
const path = require('path')

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

module.exports = {
  /* ... */

  plugins: [
    /* ... */
    new CleanWebpackPlugin(),
  ],
}

這樣就完成囉。