Модуль 12 · Урок 47
Dev server, Vite і production build
Dev server оптимізує feedback, а production build створює deployment artifact. Source, transformed modules і dist — різні шари; виправлення роблять у source та відтворюють build.
Три режими
| Команда | Що перевіряємо | Не плутати |
|---|---|---|
npm run dev | Швидка source iteration | Не production hosting |
npm run build | Clean generated artifact | Не source of truth |
npm run preview | Локальна перевірка built output | Не public deploy |
Build diagnostics мають blocking meaning. Hashed assets добре кешуються, HTML зазвичай потребує revalidation. Base path, public/static assets і routes перевіряють у середовищі, схожому на deployment target.
Debugging boundaries
Network/Console показують 404, MIME, import resolution і runtime error; build log — compile/bundle failure. Не патчте dist: наступний build зітре зміну.
Практика
Виконайте dev→build→preview, заповніть artifact inventory і deliberate wrong-base/path case. Перевірте, що bundle не містить private token/config і source map policy задокументована.
Офіційні джерела
Закріпіть матеріал уроку
Три сценарні питання. Для зарахування уроку потрібно дати щонайменше дві правильні відповіді.