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

Question

我有一个相当大的webpack应用程序，它被大量组织成特定的段。使用纯javascript和jsx文件时，一切都很好用，因为随时我更新任何东西，它会逐步重建捆绑包。

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

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

我已尝试重命名该文件夹，重命名javascript文件以及其他几个无法帮助解决此问题的步骤。

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

Answer 1

使用旧的观察者插件似乎可以解决我的需求问题。通过以下方式完成我的配置：

plugins: [
    new webpack.OldWatchingPlugin()
],

Answer 2

我也遇到过这个问题，因为＆＃39;中的文件字符串的大小写需要＆＃39;函数调用与文件系统不同。它仍然被包含在捆绑包中，但它并没有用于与webpack-dev-server进行实时重新捆绑。修复require调用以使正确的案例得到修复。

Answer 3

我也遇到了这个问题。所以我找到了另一个解决方案，如果上述任何一个对你不起作用。如果您使用Chrome，则可以安装名为“清除缓存”的扩展程序或任何其他可以清除缓存的扩展程序。只需使用此扩展清除缓存，然后重新加载页面，您就会看到更改。所以是的，它可能不是你希望它工作的方式，而只是一个替代方案。 ：）

Answer 4

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

目录：

components/UI/fields/

错误 ：（“字段”中“ F ”不正确）

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

正确：

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