为什么【用 “mini-css-extract-plugin” 提取css到单独的文件】后，页面显示更慢了？

Question

》不提取css，页面的头部会有很多style，含有大量element的样式代码。但访问响应并显示速度还挺快。边下载，边显示。

》用mini-css-extract-plugin提取后，
页面头部没有style标签了，被加了<link rel="preload" href="./app.0df82be2f72050d9a543.css" as="style"> 等。
访问，浏览器首先是全白，等个2秒后才一起显示。

备注：我的页面是vue ssr渲染的。html尾部插了一个很大的状态数据，导致html尺寸很大。

webpack 配置

发现请求里没有加载打包后的css，为什么？