refactor(example): load files on server start, add compression

Author: yooouuri

example/package.json

@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "@unhead/vue": "^1.8.9",
+    "compression": "^1.7.4",
     "cookie-parser": "^1.4.6",
     "devalue": "^4.3.2",
     "express": "^4.18.2",

example/server.js

@@ -10,19 +10,20 @@ const __dirname = dirname(fileURLToPath(import.meta.url))
 
 const app = express()
 
+const main = (await import(resolve(__dirname, './dist/server/main.js'))).default
+
+const template = readFileSync(resolve('dist/client/index.html'), 'utf-8')
+
+const manifest = JSON.parse(
+  readFileSync(resolve('dist/client/.vite/ssr-manifest.json'), 'utf-8')
+)
+
+app.use((await import('compression')).default())
 app.use(cookieParser())
 app.use('/', serveStatic(resolve('dist/client'), { index: false }))
 app.use('*', async (req, res) => {
   const url = req.originalUrl
 
-  const main = (await import(resolve(__dirname, './dist/server/main.js'))).default
-
-  const template = readFileSync(resolve('dist/client/index.html'), 'utf-8')
-
-  const manifest = JSON.parse(
-    readFileSync(resolve('dist/client/.vite/ssr-manifest.json'), 'utf-8')
-  )
-
   const { html, redirect } = await generateTemplate(main, url, template, req, res, manifest)
 
   if (redirect !== null) {