创建react应用程序npm运行生成错误的css顺序

我进入了我的index.js

import './styles/index.css';
import './styles/responsive.css';

index.css包含浏览器桌面样式，而responsive.css将在屏幕变小时覆盖，如在mobile中。 在开发中，这很好，但是在运行npm run build之后使用编译的css会使响应样式变得混乱。在尝试调试之后，我发现在build/static/css/main*.chunk.css中，responsive.css中的条目比index.css中的条目先出现，这就产生了问题

---

有没有办法纠正这个问题？我可以将responsive.css合并到index.css中，但我觉得这只是一个解决办法，我相信你的问题没有答案。如果你在谷歌上搜索“错误的css顺序”，你可能会发现超过2年的网页存在github问题。像那个，还有很多其他的

我通过将样式合并到一个文件中解决了这个问题。我使用了

scss

这样做：

// main.scss

@import 'globals';
@import 'responsive';

在

js

import main.scss