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

Question

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

当脚本开始播放时，突然出现了样式。

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

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

Answer 1

您可以尝试使用extract-text-webpack-plugin将css分解为自己的文件。这样，您可以自己将<link>标记添加到您希望在加载JS之前加载样式的页面。请参阅stylesheets as separate bundle。

Answer 2

对于webpack v4，应使用mini-css-extract-plugin代替#data (variable names chosen to match dhyper() argument names) x = 14 m = 20 n = 41047 k = 40 #Fisher test, alternative = 'greater' (fisher.test(matrix(c(x, m-x, k-x, n-(k-x)),2,2), alternative='greater'))$p.value #returns 2.01804e-39 #geometric distribution, lower.tail = F, i.e. P[X > x] phyper(x, m, n, k, lower.tail = F, log.p = F) #returns 5.115862e-43 （source）。他们的README上有一些用法示例。