การล้างโฟลเดอร์ build ใน Webpack

โดยค่าเริ่มต้น Webpack จะวางไฟล์ใหม่ ในโฟลเดอร์ build โดยไม่ลบไฟล์เก่า ซึ่งนั่นไม่สะดวกนัก การล้างโฟลเดอร์ สามารถทำได้ด้วยปลั๊กอินต่อไปนี้: clean-webpack-plugin.

มาเริ่มติดตั้งกัน:

terminalnpm install clean-webpack-plugin --save-dev

นำเข้า:

webpack.config.jsimport {CleanWebpackPlugin} from 'clean-webpack-plugin';

เพิ่มในส่วน plugins:

webpack.config.jsexport default {
  entry: {
    test1: './src/test1.js',
    test2: './src/test2.js',
    test3: './src/test3.js',
  },
  output: {
    filename: '[name].[contenthash].js',
    path: path.resolve('dist'), // จำเป็นสำหรับการทำงานของปลั๊กอิน
  },
  plugins: [
    new CleanWebpackPlugin(),
  ],
};