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