/
server.js
67 lines (55 loc) · 1.72 KB
/
server.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
// @ts-check
const fs = require('node:fs')
const path = require('node:path')
const express = require('express')
const isTest = process.env.VITEST
async function createServer(root = process.cwd(), hmrPort) {
const resolve = (p) => path.resolve(__dirname, p)
const app = express()
/**
* @type {import('vite').ViteDevServer}
*/
const vite = await require('vite').createServer({
root,
logLevel: isTest ? 'error' : 'info',
server: {
middlewareMode: true,
hmr: {
port: hmrPort
}
},
appType: 'custom'
})
app.use(vite.middlewares)
app.use('*', async (req, res) => {
try {
let template = fs.readFileSync(resolve('index.html'), 'utf-8')
template = await vite.transformIndexHtml(req.originalUrl, template)
// `main.js` imports dependencies that are yet to be discovered and optimized, aka "missing" deps.
// Loading `main.js` in SSR should not trigger optimizing the "missing" deps
const { name } = await vite.ssrLoadModule('./main.js')
// Loading `main.js` in the client should trigger optimizing the "missing" deps
const appHtml = `<div id="app">${name}</div>
<script type='module'>
import { name } from './main.js'
document.getElementById('app').innerText = name
</script>`
const html = template.replace(`<!--app-html-->`, appHtml)
res.status(200).set({ 'Content-Type': 'text/html' }).end(html)
} catch (e) {
vite.ssrFixStacktrace(e)
console.log(e.stack)
res.status(500).end(e.stack)
}
})
return { app, vite }
}
if (!isTest) {
createServer().then(({ app }) =>
app.listen(5173, () => {
console.log('http://localhost:5173')
})
)
}
// for test use
exports.createServer = createServer