你真的理解 Webpack?

你真的理解 Webpack？ 如果知道以下問題的答案，則意味著已經掌握了 Webpack。 歡迎提供您的答案。

• Chinese 一文搞定 Webpack 面試

• English

Webpack 實戰

• 與 Webpack 類似的工具還有哪些
• 談談你為什麼選擇使用或放棄 webpack
• Loader 和 Plugin 的不同
• 有哪些常見的 Loader？他們能解決什麼問題？
• 有哪些常見的 Plugin？他們能解決什麼問題？
• 如何利用 Webpack 來優化前端效能
• 如何提高 Webpack 的構建速度?
• 如何對 bundle 體積進行監控和分析？
• 怎麼配置單頁應用？怎麼配置多頁應用？
• 如何在 Vue 和 React 專案中實現按需載入？
• monorepo 這種專案有什麼好處，具體是如何打包的？
• Source Map 是什麼？生產環境怎麼用？
• 什麼是長快取？
• 在 Webpack 中如何做到長快取優化？
• Webpack 中 hash chunkhash contenthash 有什麼區別？

Webpack 原理

• Webpack 的構建流程是什麼？
• 是否寫過 Loader ?描述一下編寫 Loader 的思路？
• 是否寫過 Plugin ?描述一下編寫 Plugin 的思路？
• inline pre post normal loader 執行先後順序是？
• Webpack 打包的原理是什麼？聊一聊 babel 和抽象語法樹
• dev-server 的原理是什麼？描述一下它的具體流程
• 請說一下 DIlPlugin 和 DllReferencePlugin 的工作原理
• Webpack 的熱更新是如何做到的？說明其原理？
• Tree shaking瞭解過麼？它的實現原理說一下

Webpack 5

• Webpack 5 中有哪些新特性
• Webpack 5 中的 Module Federation 對微前端的意義

本作品採用《CC 協議》，轉載必須註明作者和本文連結