如何在反应应用程序的公共文件夹中找到未使用的图像

Question

我有一个大项目，在 react 应用的公共文件夹中有很多图像，有没有办法找到所有未使用的图像并清理它们？

Answer 1

这是一个常见问题，这个问题促使我寻找答案。 我偶然发现了这个video，它有助于部分解决问题。

这里的问题是，视频中使用的插件unused-files-webpack-plugin 不支持Webpack 5。提出了一个issue 来更新插件以支持Webpack 5，但包的作者尚未发布更新.

可以使用的类似包是webpack-deadcode-plugin。您可以使用视频中的实现并将unused-files-webpack-plugin 替换为webpack-deadcode-plugin 进行一些更改（例如您必须将patterns 属性更改为：patterns: ['src/**/*.(png|jpg|jpeg)'] 用于您的用例）适应新插件。

编辑：此答案假设您使用 webpack 作为捆绑器。