今日趣闻1

71 阅读1分钟

记录一个react项目引入样式文件时发生的趣事。

在一个jsx文件中引入了一个less文件,但是发现这个less文件修改时没有触发热更新,但是路径没有问题,并且样式也生效了。

目录结构如下:

image.png

在jsx文件中引入路径如下 import "./Calendar.less";

仔细的小伙伴已经看出来了,文件实际上是小写,引入的路径是大写,所以我猜测,代码在编译的时候自动转成小写,所以样式成功引入,但是hmr则需要大小写区分。