创建server-entry.js 服务端入口
创建服务端的打包配置
在build下创建webpack.server.js文件夹
在public在创建一个服务端需要的模板
webpack.server.js
注:与客户端的打包配置类似,只是入口名和所用的模板不一样,且服务端所用的模板内必须有<!--vue-ssr-outlet-->。要指定target和output
排除server模块
服务端模板不引用打包出来的模块
重新在package.json里配置脚本
服务端打包不需要打包环境
客户端打包结果
服务端打包结果
把服务端打包的server.bundle.js挂载到服务端的模板html
页面中的dom结构
事件并没有生效,所以要把客户端打包结果挂载到服务端打包出的模板上,因为客户端打包出的结果里有点击事件
会先去配置的静态文件地址里找静态资源
客户端激活
此时点击事件还是不生效,因为模板里压根就没有#app的dom,所以没有挂载上,所以要进行客户端激活
以上方式有弊端,预知最优方式如何,且听下回分解