React项目中如何跨文件夹导入其他目录下的CSS文件

导入路径是相对于当前写导入语句的文件所在位置计算，不是相对于项目根目录。
你的Login.js位于pages文件夹内，目标CSS文件在和pages同级的components/Authentication路径下，路径推导逻辑：

• 用../从pages文件夹跳出，回到项目根目录层级
• 依次进入components文件夹、Authentication子文件夹，定位到Login.css文件

直接在Login.js顶部写入以下导入语句即可生效：

import '../components/Authentication/Login.css'

补充说明：普通CSS文件（文件名不带.module后缀）引入时不需要接收导入值，直接写路径引入后样式就会全局生效；如果是CSS Module文件才需要用变量接收导入的样式对象。

内容的提问来源于stack exchange，提问作者user19539895