javascript - 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 可以解析错误的文件名。还是不区分大小写？