Hooks Panorama

Vite Dev Server startup sequence:

config ─────────────────────── Before user config is read (can be modified)
configResolved ─────────────── Config is finalized (read-only)
configureServer ────────────── After dev server is created (can add middleware)

─── Waiting for browser requests ───

(For each module request):
resolveId ──────────────────── Resolve module path
load ───────────────────────── Read module contents
transform ──────────────────── Transform module code

(On file change):
handleHotUpdate ────────────── HMR update handling

(On HTML request):
transformIndexHtml ─────────── Modify index.html

Vite Build sequence:

config / configResolved ─────── Same as dev

options ─────────────────────── Read/modify Rolldown input options
buildStart ──────────────────── Build starts (initialization)

(For each module):
resolveId ──────────────────────
load ────────────────────────── } Build the module graph
transform ──────────────────────
moduleParsed ───────────────────

buildEnd ────────────────────── Module graph construction complete

renderStart ─────────────────── Begin generating output files
renderChunk ─────────────────── Transform each chunk
generateBundle ──────────────── All chunks have been generated

writeBundle ─────────────────── Chunks written to disk
closeBundle ─────────────────── Entire process complete

// Determine whether each hook in the following plugin fires in dev / build mode:

export function myPlugin(): Plugin {
  return {
    name: "my-plugin",
    config(config) {
      /* A */
    },
    configureServer(server) {
      /* B */
    },
    buildStart() {
      /* C */
    },
    resolveId(id) {
      /* D */
    },
    transform(code, id) {
      /* E */
    },
    generateBundle(_, bundle) {
      /* F */
    },
    handleHotUpdate(ctx) {
      /* G */
    },
  }
}

// Fill in the table:
// | Hook | dev | build |
// |------|-----|-------|
// | A    | ?   | ?     |
// | B    | ?   | ?     |
// | C    | ?   | ?     |
// | D    | ?   | ?     |
// | E    | ?   | ?     |
// | F    | ?   | ?     |
// | G    | ?   | ?     |