一个用来清理项目中没有使用的文件的 webpack 插件（用于 webpack5版本）

1、安装

npm i clean-unusefile-webpack-plugin -D
or
yarn add clean-unusefile-webpack-plugin -D

2、快速开始

const CleanUnusedFilesPlugin = require('clean-unusefile-webpack-plugin');


plugins:[
    new CleanUnusedFilesPlugin({
        root: './src', // 项目入口目录   
        output: './unused-files.json', // 输出未使用列表 文件
        clean: false, // 是否在项目启动时自动删除文件,
        exclude: [''], // 排除文件列表，表示哪些文件排除在外，不被清理删除
      })
]

3、注意事项

如果你的项目中使用 多入口方式，即 multi-page，那么最好不要让自动清理，即上面的clean不要配置成 true，因为除了当前入口之外的所有文件，在构建分析时，都被认为是未被引用的文件，都会被删除。这是不合理的。

所以，最好运行 哪个 入口，手动删除 哪个入口下的文件。接着运行另一个入口，再手动删除另一个入口路径下的文件。