没有样式的css页面加载的Webpack行为然后闪烁

Question

因为我正在使用Webpack捆绑我的CSS并且我的脚本标签位于我的HTML底部,在初始页面加载时我得到了页面的内容而没有任何样式.

然后,当脚本开始播放时,突然出现了样式.

Webpack对于帮助捆绑CSS非常有用,但是这种行为非常令人不安,并且不太可接受.

解决这个问题的常用方法有哪些？

Answer 1

您可以尝试使用extract-text-webpack-plugin将 css 分解到自己的文件中。这样，您可以<link>自己将标签添加到您希望在加载 JS 之前加载其样式的页面。将样式表视为单独的包。