清除Webpack缓存

Question

您如何强制webpack清除其缓存？

我做了，很多工作与threejs和webpack出于某种原因，并不知道对我来说，它有两个副本threejs在内存中。这是错误：

该文件不在app文件夹的隐藏文件夹中，而是在通过Chrome Dev工具找到的webpack存储器中-例如

那么有什么办法迫使webpack清除缓存吗？

Answer 1

您可以删除文件夹“node_modules/.cache”以强制 Webpacker/Babel 重建其缓存。

Answer 2

Webpack 5 将缓存存储到node_modules/.cache/webpack（使用 npm 时）或.yarn/.cache/webpack（使用Yarn Plug'n'Play API时），请参阅持久缓存。

您可以通过在webpack configcache: false中进行设置来完全停用缓存。

如果您只想删除缓存，请执行以下操作：

1. 删除node_modules/.cache/webpack或.yarn/.cache/webpack
2. 重新启动您的 webpack 构建（仅热重载是不够的，因为文件仍将缓存在内存中）

当使用webpackDevMiddleware时，该.cache目录会在您访问第一个页面时创建。删除后，我必须重新启动开发服务器.cache才能查看“node_modules”目录中更改文件的效果。

Answer 3

如果这对其他人有帮助，我有一个类似的情况，问题是在其中一个文件中，我的导入语句的名称为大写。例如，我有

import {Person} from './model/Model';

请注意，我已删除文件 ./model/Model.js 但由于导入仍然出现错误。只需将导入更改为

import {Person} from './model/model';

一切都恢复正常了。

Answer 4

正如警告所述，three.js当您忽略大写时，您的目录中有两个副本，它们具有相同的有效名称：“三”与“三”是相同的。

如果它们不同，则重命名其中之一。或者，如果它们是同一模块，请为它们指定相同的小写名称。