为什么 webpack --watch 在更新特定文件时不更新

Question

我有一个大小适中的 webpack 应用程序，它被大量组织成特定的部分。一切都适用于纯 javascript 和 jsx 文件，因为每当我更新任何内容时，它都会逐步重建包。

我现在在与所有其他文件夹相同的根目录下添加了一个新文件夹，并在其中创建了一个新的 javascript 文件。 Webpack 也知道寻找它，因为它在包中包含代码，并且只要它看到其他文件之一被更改，它就会正确地重建所有更改，包括在我的新 javascript 文件中。

但是，出于某种原因，每当我保存对这个 javascript 文件的更改时，webpack 不会检测到它需要从中重新加载更改。因此，如果我所做的唯一更改是在这个 javascript 文件中，则不会创建新的包，我必须 ctrl+c 并重新运行 webpack.

我试过重命名文件夹、重命名 javascript 文件以及其他几个步骤，但均无济于事。

任何人都可以深入了解可能发生的事情，或者有什么方法可以让我获得有关 webpack 看到或看不到什么的更多信息？

Answer 1

使用旧的 watcher 插件似乎可以解决我的问题。通过以下方式在我的配置中完成：

plugins: [
    new webpack.OldWatchingPlugin()
],

Answer 2

我也刚遇到这个问题，这是因为 'require' 函数调用中文件字符串的大小写与文件系统不同。它仍然包含在捆绑包中，但没有被提取用于与 webpack-dev-server 实时重新捆绑。修复 require 调用以修复正确的案例。

Answer 3

我也被这个问题困住了。因此，如果以上任何一项都不适合您，我找到了另一种解决方案。如果您使用 Chrome，您可以安装名为“清除缓存”的扩展程序或任何其他可以清除缓存的扩展程序。只需使用此扩展清除缓存，然后重新加载页面，您就会看到更改。所以是的，这可能不是您想要的工作方式，而只是一种替代方式。 :)

Answer 4

我有类似的情况，但只有一个文件。问题是组件的路径有不同大小写的字母，而不是目录路径中的字母。

目录：

components/UI/fields/

错误：（"Fields" 中“F”的大小写错误）

import PrivacyField from 'components/UI/Fields/PrivacyField';
...

正确：

import PrivacyField from 'components/UI/fields/PrivacyField';
...

为什么 webpack --watch 在更新特定文件时不更新

Why is webpack --watch not updating when specific files are updated

javascript

webpack