|
|
@@ -6,90 +6,90 @@ const express = require('express')
|
|
|
const isTest = process.env.NODE_ENV === 'test' || !!process.env.VITE_TEST_BUILD
|
|
|
|
|
|
async function createServer(
|
|
|
- root = process.cwd(),
|
|
|
- isProd = process.env.NODE_ENV === 'production'
|
|
|
+ root = process.cwd(),
|
|
|
+ isProd = process.env.NODE_ENV === 'production'
|
|
|
) {
|
|
|
- const resolve = (p) => path.resolve(__dirname, p)
|
|
|
+ const resolve = (p) => path.resolve(__dirname, p)
|
|
|
|
|
|
- const indexProd = isProd
|
|
|
- ? fs.readFileSync(resolve('dist/client/index.html'), 'utf-8')
|
|
|
- : ''
|
|
|
+ const indexProd = isProd
|
|
|
+ ? fs.readFileSync(resolve('dist/client/index.html'), 'utf-8')
|
|
|
+ : ''
|
|
|
|
|
|
- const manifest = isProd
|
|
|
- ? // @ts-ignore
|
|
|
- require('./dist/client/ssr-manifest.json')
|
|
|
- : {}
|
|
|
+ const manifest = isProd
|
|
|
+ ? // @ts-ignore
|
|
|
+ require('./dist/client/ssr-manifest.json')
|
|
|
+ : {}
|
|
|
|
|
|
- const app = express()
|
|
|
+ const app = express()
|
|
|
|
|
|
- /**
|
|
|
- * @type {import('vite').ViteDevServer}
|
|
|
- */
|
|
|
- let vite
|
|
|
- if (!isProd) {
|
|
|
- vite = await require('vite').createServer({
|
|
|
- root,
|
|
|
- logLevel: isTest ? 'error' : 'info',
|
|
|
- server: {
|
|
|
- middlewareMode: 'ssr',
|
|
|
- watch: {
|
|
|
- // During tests we edit the files too fast and sometimes chokidar
|
|
|
- // misses change events, so enforce polling for consistency
|
|
|
- usePolling: true,
|
|
|
- interval: 100
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- // use vite's connect instance as middleware
|
|
|
- app.use(vite.middlewares)
|
|
|
- } else {
|
|
|
- app.use(require('compression')())
|
|
|
- app.use(
|
|
|
- require('serve-static')(resolve('dist/client'), {
|
|
|
- index: false
|
|
|
- })
|
|
|
- )
|
|
|
- }
|
|
|
+ /**
|
|
|
+ * @type {import('vite').ViteDevServer}
|
|
|
+ */
|
|
|
+ let vite
|
|
|
+ if (!isProd) {
|
|
|
+ vite = await require('vite').createServer({
|
|
|
+ root,
|
|
|
+ logLevel: isTest ? 'error' : 'info',
|
|
|
+ server: {
|
|
|
+ middlewareMode: 'ssr',
|
|
|
+ watch: {
|
|
|
+ // During tests we edit the files too fast and sometimes chokidar
|
|
|
+ // misses change events, so enforce polling for consistency
|
|
|
+ usePolling: true,
|
|
|
+ interval: 100
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // use vite's connect instance as middleware
|
|
|
+ app.use(vite.middlewares)
|
|
|
+ } else {
|
|
|
+ app.use(require('compression')())
|
|
|
+ app.use(
|
|
|
+ require('serve-static')(resolve('dist/client'), {
|
|
|
+ index: false
|
|
|
+ })
|
|
|
+ )
|
|
|
+ }
|
|
|
|
|
|
- app.use('*', async (req, res) => {
|
|
|
- try {
|
|
|
- const url = req.originalUrl
|
|
|
+ app.use('*', async (req, res) => {
|
|
|
+ try {
|
|
|
+ const url = req.originalUrl
|
|
|
|
|
|
- let template, render
|
|
|
- if (!isProd) {
|
|
|
- // always read fresh template in dev
|
|
|
- template = fs.readFileSync(resolve('index.html'), 'utf-8')
|
|
|
- template = await vite.transformIndexHtml(url, template)
|
|
|
- render = (await vite.ssrLoadModule('/src/entry-server.js')).render
|
|
|
- } else {
|
|
|
- template = indexProd
|
|
|
- // @ts-ignore
|
|
|
- render = require('./dist/server/entry-server.js').render
|
|
|
- }
|
|
|
+ let template, render
|
|
|
+ if (!isProd) {
|
|
|
+ // always read fresh template in dev
|
|
|
+ template = fs.readFileSync(resolve('index.html'), 'utf-8')
|
|
|
+ template = await vite.transformIndexHtml(url, template)
|
|
|
+ render = (await vite.ssrLoadModule('/src/entry-server.js')).render
|
|
|
+ } else {
|
|
|
+ template = indexProd
|
|
|
+ // @ts-ignore
|
|
|
+ render = require('./dist/server/entry-server.js').render
|
|
|
+ }
|
|
|
|
|
|
- const [appHtml, preloadLinks] = await render(url, manifest)
|
|
|
+ const [appHtml, preloadLinks] = await render(url, manifest)
|
|
|
|
|
|
- const html = template
|
|
|
- .replace(`<!--preload-links-->`, preloadLinks)
|
|
|
- .replace(`<!--app-html-->`, appHtml)
|
|
|
+ const html = template
|
|
|
+ .replace(`<!--preload-links-->`, preloadLinks)
|
|
|
+ .replace(`<!--app-html-->`, appHtml)
|
|
|
|
|
|
- res.status(200).set({ 'Content-Type': 'text/html' }).end(html)
|
|
|
- } catch (e) {
|
|
|
- vite && vite.ssrFixStacktrace(e)
|
|
|
- console.log(e.stack)
|
|
|
- res.status(500).end(e.stack)
|
|
|
- }
|
|
|
- })
|
|
|
+ res.status(200).set({ 'Content-Type': 'text/html' }).end(html)
|
|
|
+ } catch (e) {
|
|
|
+ vite && vite.ssrFixStacktrace(e)
|
|
|
+ console.log(e.stack)
|
|
|
+ res.status(500).end(e.stack)
|
|
|
+ }
|
|
|
+ })
|
|
|
|
|
|
- return { app, vite }
|
|
|
+ return { app, vite }
|
|
|
}
|
|
|
|
|
|
if (!isTest) {
|
|
|
- createServer().then(({ app }) =>
|
|
|
- app.listen(5173, () => {
|
|
|
- console.log('http://localhost:5173')
|
|
|
- })
|
|
|
- )
|
|
|
+ createServer().then(({ app }) =>
|
|
|
+ app.listen(5173, () => {
|
|
|
+ console.log('http://localhost:5173')
|
|
|
+ })
|
|
|
+ )
|
|
|
}
|
|
|
|
|
|
// for test use
|
