Keep import paths static

Use literal import() calls and paths so the bundler sees every file.

Next.js Docsnextjs.org

Reference: Next.js output

next.config.js: outputRead docs ↗

What import() can see

Pick the pages you route to, then press Build.

Path in a variableBad

import(PAGE_MODULES[pageName])

Map of import()Good

PAGE_MODULES[pageName]()

Press Trace. Everything listed ships with the function.

Joined at runtimeBad

path.join(cwd, 'content/' + kind)

Literal per branchGood

path.join(cwd, 'content/blog')

const baseDir =
  kind === ContentKind.Blog
    ? path.join(process.cwd(), 'content/blog')
    : path.join(process.cwd(), 'content/docs')

A path the build can't read forces it to include every file it might be.