Javascript 使用react和scss闪蒸未定型内容物

在将CSS文件迁移到SCS之后，我可以在每次重新加载页面后的第一次加载时看到我的布局元素的FOUC

我猜这与我的网页配置有关，所以我尝试使用修复问题，但我仍然可以看到问题

以下是我的webpack.config.js文件的内容：

---

问题不是因为网页包。那是因为我很愚蠢：

我在子组件内部导入了CSS文件，因此当我重新加载页面时，它首先显示没有任何样式的布局，然后加载子组件并为布局提供适当的样式。因此，基本上，我所做的唯一修复问题的事情就是在布局组件中导入样式

import '../style.scsc'

---

你能在chrome档案器中看到你的CSS何时出现吗？如果CSS相当长，那么FOUC将在那里。尝试优化CSS并确定关键CSS。这可能不是webpack的问题。如果您所做的只是添加SCSS加载程序，那么将CSS转换为SCSS不太可能导致这样的问题。您能否检查mini css extract插件是否正在生成单独的css文件，并在生成的HTML文件中验证相同的内容？@NehaSharma谢谢，您是对的。这是我父亲犯的一个愚蠢的错误side@vatz88谢谢，你说得对。这是我犯的一个愚蠢的错误

import '../style.scsc'