如何在反應應用程序的公共文件夾中找到未使用的圖像

Question

我有一個大項目，在 React 應用程序的公共文件夾中有很多圖像，有沒有辦法找到所有未使用的圖像並清理它們？

Answer 1

這是一個常見問題，這個問題促使我尋找答案。 我偶然發現了這個視頻，它有助於部分解決這個問題。

這里的問題是，在視頻中使用的插件unused-files-webpack-plugin不支持的WebPack 5. 問題提高到更新插件支持的WebPack 5但包的作者並沒有發出更新。

可以使用的類似包是webpack-deadcode-plugin 。 您可以使用視頻中的實現，並用webpack-deadcode-plugin替換unused-files-webpack-plugin webpack-deadcode-plugin進行一些更改（例如對patterns屬性進行一些更改，您必須將其更改為： patterns: ['src/**/*.(png|jpg|jpeg)']以適應新插件。

編輯：這個答案假設你使用 webpack 作為你的打包器。