【webpack】使用useless-files-webpack-plugin插件清理无用文件

背景

使用useless-files-webpack-plugin插件自动检测哪些是无用的文件

最后编辑日期: 2023年1月29日

安装

// yarn 推荐
yarn add -D useless-files-webpack-plugin

// npm 不推荐-可能会报错
npm i useless-files-webpack-plugin -D

更改webpack配置

build下的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 // 排除文件列表, 格式为文件路径数组
    })
	......
]

生成json结果文件

运行打包指令打包完成后会在src目录下生成unused-files.json文件

npm run build:prod

后续

升级webpack5 有一些不同 参看下方
webpack工具useless-files-webpack-plugin