Vue3-SSR-Demo搭建指南
vue3-ssr-demo 基于 Vue3 版本搭建的 SSR 项目,使用了 Vue SSR、webpack5、vue-router4、和 vuex4。接下来要完成的任务列表如下:
客户端代码配置
- Vuex 配置
- Router 配置
- Webpack 配置
- Loader 设置:
vue-loader
、css-loader
- Plugin 设置:
html-webpack-plugin
- Entry 和 Output 设置
- DevServer 配置:
webpack serve
搭建服务器
- 使用 Koa 框架
- 配置 Router 和 Static
- 处理 SSR 路由请求
- 优化:
- 通过缓存和流的方式进行优化
服务端配置
- 使用 Node.js 和 CommonJS 规范
- 配置
webpack-node-externals
用于服务端打包
339KB
文件大小:
评论区