Vue 服务器渲染偶尔会出现css没有注入页面，导致浏览器开始显示的瞬间无样式。

Question

我将vue-cli3生成的单页面应用，改造成服务器渲染项目，打包后放到了Egg.js下做单页面服务器渲染。但是组件会偶尔在服务器渲染时没有注入css，导致浏览器开始显示的瞬间无样式，然后组件加载完成会恢复。将出问题的组件稍微做一下修改，比如加个空格。重新打包。这个组件就可以正常注入css了。这个问题应该如何修复呢？

Answer 1

你的思路应该是先看看每次构建打包输出的文件对不对（比如有没有这个css文件）。可以写一个 plugin，在 done 的阶段查看 complation 的输出内容。