https://github.com/esunr/webpack-vue3-ssr

Vue3 项目基于 Webpack5 的服务端渲染（SSR）实践
https://github.com/esunr/webpack-vue3-ssr

demo learning ssr vue vue3 webpack

Last synced: 3 days ago
JSON representation

Vue3 项目基于 Webpack5 的服务端渲染（SSR）实践

• Host: GitHub
• URL: https://github.com/esunr/webpack-vue3-ssr
• Owner: EsunR
• Created: 2022-09-18T12:06:49.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-05-03T08:36:08.000Z (9 months ago)
• Last Synced: 2024-11-29T19:13:14.722Z (2 months ago)
• Topics: demo, learning, ssr, vue, vue3, webpack
• Language: TypeScript
• Homepage: https://webpack-vue3-ssr.vercel.app
• Size: 1.29 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Vue3 项目基于 Webpack5 的服务端渲染（SSR）实践

安装依赖：

```sh

npm install

```

开发模式：

```sh

npm run dev

```

构建/运行：

```sh

npm run build

cd dist

node index.js

```

# 流式渲染对服务端性能区别

未开启流式渲染：

![](https://esunr-image-bed.oss-cn-beijing.aliyuncs.com/picgo/20240503161739.png)

![](https://esunr-image-bed.oss-cn-beijing.aliyuncs.com/picgo/20240503161652.png)

开启流式渲染：

![](https://esunr-image-bed.oss-cn-beijing.aliyuncs.com/picgo/20240503162005.png)

![](https://esunr-image-bed.oss-cn-beijing.aliyuncs.com/picgo/20240503162058.png)