前言
写过Vue SSR的都知道，Vue通过提供server和client的webpack插件生成bundle josn，从而实现类似服务端的热更以及客户端资源的优化注入。那么这两个个bundle到底有什么神奇的呢？OK，话不多说，进入正题
客户端 vue-ssr-client-manifest.json
首先看看客户端的json，明显看到，里面借助webpack插件，把spa用到的文件进行了分类，
publicPath 是公共路径,all 是所有的文件，
initial 是入口文件依赖的js和css，
async 是首屏不需要的异步的js，分析这些出来有什么用呢，主要是用来优化生成的html的资源注入，这个在后面会讲到
服务端 vue-ssr-server-bundle.json
然后我们再康康服务端生成的json，
entry 是服务款入口的文件，
files 是服务端依赖的文件列表，
maps 是sourcemaps文件列表，这里暂时是空
如果把files展开，会看到里面是一堆文件列表，文件名跟key一样，然后value里面，对的，你没看错，是一段js，里面就是服务端渲染需要的代码，那道理我都懂，为什么有这段就可以实现服务端代码的热更以及sourcemap的定位呢
服务端的热更和sourcemap
带着这个问题，我去看了一下vue服务端的源码，左边框的三个文件就是实现这些神奇效果的关键之处了，其中右边框的entry、files就是我们上面服务端对应的json
接下来我们再去看看createBundleRunner里面这个方法，最关键是evaluateModule 里面调用getCompiledScript这个方法，其中evaluateModule 还会把执行的结果缓存到evaluatedFiles里面去
getCompiledScript里面通过调用vm.Scirpt把我们在entry里面的代码丢进vm创建的沙箱里面，同时也是要compiledScripts把生成的script片段缓存起来
