webpack之自动清理构建目录产物

• 问题：每次构建的时候不会清理目录，造成构建的输出目录 output 文件越来越多

• 方式一：通过 npm scripts 清理构建目录

rm -rf ./dist && webpack
rimraf ./dist && webpack

• 方式二：避免构建前每次都需要手动删除 dist，使用 clean-webpack-plugin，默认会删除 output 指定的输出目录

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

module.exports = {
    entry: {
        index: './src/index.js',
        search: './src/search.js'
    },
    output: {
        path: path.join(__dirname, 'dist'),
        filename: '[name][chunkhash:8].js'
    },
    plugins: [
        new CleanWebpackPlugin()
    ]
}