Vue3-SSR-Demo搭建指南

vue3-ssr-demo 基于 Vue3 版本搭建的 SSR 项目,使用了 Vue SSRwebpack5vue-router4、和 vuex4。接下来要完成的任务列表如下:

客户端代码配置

  • Vuex 配置
  • Router 配置
  • Webpack 配置
  • Loader 设置:vue-loadercss-loader
  • Plugin 设置:html-webpack-plugin
  • EntryOutput 设置
  • DevServer 配置:webpack serve

搭建服务器

  • 使用 Koa 框架
  • 配置 RouterStatic
  • 处理 SSR 路由请求
  • 优化:
  • 通过缓存和流的方式进行优化

服务端配置

  • 使用 Node.jsCommonJS 规范
  • 配置 webpack-node-externals 用于服务端打包
zip 文件大小:339KB