webpack-dev-server无法检测嵌套文件夹中的文件更改

Question

我正在为我的项目使用webpack-dev-server v1.14.1，整个项目结构如下：

|----src
|     |----index.js
|     |----components
|     |     |----a.js
|     |----containers
|           |----sub-containers
|                 |----b.js 
|     
|----package.json
|----webpack.config.dev.js

但是，当我运行命令“webpack-dev-server --inline”时，服务器只能捕获a.js文件中的更改。它忽略了b.js文件中的更改。 有什么想法吗？

Answer 1

问题解决了！它是由src / index.js文件中的错误导入引起的。我以错误的方式导入了b.js：

import B from "./containers/sub-containers/B";

我将文件名“b”大写。但是，webpack没有抱怨这个并且可以解决这个导入问题。它只对热量重新加载b.js的变化不起作用。将其更改为：

import B from "./containers/sub-containers/b"

现在有效！ ：）

注意：我仍然很好奇为什么webpack可以解析错误的文件名。还是不区分大小写？