前言

项目随着时间的推移不断更新迭代，经常会摒弃掉一部分功能，但大多数只是入口关闭，或注释掉功能代码块，依赖的文件(js/css/png/jpg等)并没删除掉。怎样能够自动检测哪些是无用的文件呢？

下面介绍使用useless-files-webpack-plugin插件查找无用文件。

安装

npm i useless-files-webpack-plugin -D

在webpack.prod.conf.js中，添加如下代码：

const UselessFile = require('useless-files-webpack-plugin');

plugins中添加插件配置

new UselessFile({
    root: './src', // 项目目录
    out: './fileList.json', // 输出文件列表
    // out: (files) => deal(files), // 或者回调处理
    clean: false // 删除文件,
    exclude: 'path' // 排除文件路径, 格式为文件路径string
}),

打包时会在项目的根目录下生成unused-files.json文件, 保存着无用文件的列表。
根据列表中的提供路径，核对相应文件是否需要保留。无需保留，手动删除即可。

webpack-如何删除项目多余文件

前言