样式加载延迟问题

Question

老师您好，加载antd的样式的时候有0.3秒的延迟
先加载原来的样式， 再出来antd样式 闪烁一下
加载前

加载后

Answer 1

rubysakura 2019-02-27 11:02:10

你好，我可以稍微解释一下这个问题，如果你是跟教程走下来的话，创建react项目使用的应该是create-react-app，这个工具对webpack进行了封装，而使用webpack来import css的话，js会在页面载入后动态插入style标签生成css代码，这就导致了一定的延迟。

如果想要解决这个问题，可以在网上搜索webpack css分离，使用推荐的插件将css分离成独立文件，提高载入速度，解决你提到的样式加载延迟的问题。

• 提问者 程驰天下 #1

  非常感谢！