react项目build之后首屏闪跳

Question

react项目build之后，首屏访问的时候首先加载dom，但是样式没加载，过一会样式才出来，导致页面有闪跳的感觉，打算只在首屏访问的时候加个loading，并且这个loading的dom节点永远不会出现在首屏渲染完之后，如何实现呢

Answer 1

把loading的那一部分样式写在index.html中就可以了。

<style>
.loading{
    /**/
}
</style>

<div id="app">
    <div class="loding"></div>
</div>

Answer 2

react-loadable是一种方案，也可以自己实现，了解下import()的动态加载