open atlas
↑ Back to track
Frontend Architecture FE · 07 · 08

Build pipelines: free-recall review

Free-recall prompts across the build-pipeline unit. Answer each in your own words first, then reveal the model answer and compare.

FE Senior ◷ 14 min
Level
FoundationsJuniorMiddleSenior

Retrieval beats re-reading. For each prompt, say or write a full answer from memory before you open the model answer — the effort of recall is what makes the material stick.

Goal

Reconstruct the unit’s core mechanisms — the five stages, why tree-shaking fails, the dev/prod split, content hashing, source maps, and build caching — without looking back at the overview.

Recall before you leave
  1. 01
    Name the five build-pipeline stages in order and say which one is parallel and which is serial.
  2. 02
    Tree-shaking only works on static ES modules. What three things defeat it, and how do you fix each?
  3. 03
    Why do 'works in dev, breaks in prod' bugs happen with tools like Vite, and how does a senior prevent them?
  4. 04
    Explain content hashing and the vendor-chunk mistake it exposes.
  5. 05
    What do source maps do, what setting should production use, and why?
  6. 06
    How does build caching speed up CI, and what is the difference between content-hash caching and a persistent build cache?
Recap

If you could reconstruct each answer from memory, you hold the unit’s spine: the build is five stages (resolve, transform, bundle, minify, emit) with transform parallel and bundle serial; tree-shaking needs static ESM and is defeated by CommonJS, undeclared side effects, and ESM-to-CJS down-leveling; dev and prod run different tools so you validate the real prod build; content hashing plus a split vendor chunk gives year-long caching; hidden source maps make prod errors readable without leaking source; and a persistent input-keyed build cache is what makes CI fast — distinct from output content hashing.

Something unclear?

Ask a question about this lesson. Questions are anonymous and go straight to the author to make the lesson better.

shortcuts expand
search
K
prev piece
k
next piece
j
cycle tier
t
this menu
?
sources3
expand
  1. 01
  2. 02
  3. 03

Trademarks belong to their respective owners. Editorial reference only.