摘要：本篇復(fù)盤 Shopee 前端開發(fā)崗位在工程化方向的真實(shí)問法，重點(diǎn)拆 8 道題：前端構(gòu)建體積優(yōu)化有哪些手段，Tree Shaking 如何生效、依賴注入解決了什么問題，和工廠有何不同、ES Module 與 CommonJS 的區(qū)別，模塊打包原理。每題按「考察點(diǎn) → 參考答案 → 代碼/實(shí)操 → 易錯(cuò)點(diǎn) → 面試官追問」五段式展開，既給結(jié)論也給推導(dǎo)，適合面試前突擊與查漏補(bǔ)缺。關(guān)鍵詞：前端開發(fā) / 工程化 / Shopee面試 / 前端構(gòu)建體積優(yōu)化有哪些手段，Tree / 依賴注入解決了什么問題，和工廠有何不同 / ES Module / 面經(jīng) / 大廠面試 / 高頻考點(diǎn) |難度：高級 |篇幅：深度長文系列：前端開發(fā)大廠面經(jīng)合集 · 第 060 / 360 篇本文速覽#題目難度一句話結(jié)論1前端構(gòu)建體積優(yōu)化有哪些手段，Tree Shaking 如何生效？★★★★☆體積優(yōu)化鏈路：1）Tree Shaking 剔除未用 ESM 導(dǎo)出（需 sideEffects:false）。