Conditional manual import

[brillout]

If your production and development share the same server entry file, then you need to conditionally import dist/server/entry.js.

There are multiple approaches.

1. Top-level await.

// server.js

if (process.env.NODE_ENV === 'production') {
  await import('./path/to/dist/server/entry.js')
}

// ... server code ...

For environments that don't support top-level await, see alternatives below.

2. Wrap entry code in async function.

// server.js

main()

// We wrap the entire code of server.js in an async function main()
async function main() {
  if (process.env.NODE_ENV === 'production') {
    await import('./path/to/dist/server/entry.js')
  }

  // ... server code ...
}

3. Await import() promise in middleware.

// server.js

const serverBuildPromise = getServerBuildPromise()

app.get('*', async (req, res, next) => {
  // Ensure import('./path/to/dist/server/entry.js') has finished
  await serverBuildPromise()
  // ... middleware ... (e.g. the Vike or Telefunc middleware)
})

function getServerBuildPromise() {
  if (process.env.NODE_ENV !== 'production') return
  let resolve
  const serverBuildPromise = new Promise((r) => { resolve = r })
  import('./path/to/dist/server/entry.js').then(() => {
    resolve()
  })
  return serverBuildPromise
}