前端面试-工程化（webpack、vite）

Webpack 相关问题（25道）

1. Webpack 的核心概念有哪些？（Entry、Output、Loader、Plugin、Module、Bundle）
2. 如何配置 Webpack 的多入口和多出口？
3. Webpack 的 Tree Shaking 实现原理是什么？
4. Loader 和 Plugin 的区别是什么？请举例说明。
5. Webpack 的热更新（HMR）是如何工作的？
6. 如何优化 Webpack 的构建速度？
7. Webpack 的代码分割（Code Splitting）有哪些方法？
8. Webpack 的 splitChunks 配置项的作用是什么？
9. 如何通过 Webpack 实现按需加载（懒加载）？
10. Webpack 的持久化缓存是如何配置的？
11. Source Map 在 Webpack 中的配置方式及不同模式的区别？
12. Webpack 如何处理 CSS 和静态资源？
13. 如何编写一个自定义的 Webpack Loader？
14. 如何编写一个自定义的 Webpack Plugin？
15. Webpack 的 externals 配置有什么作用？
16. Webpack 5 的 Module Federation 是什么？解决了什么问题？
17. Webpack 的 devtool 配置对构建性能有何影响？
18. 如何通过 Webpack 实现环境变量注入？
19. Webpack 的 watch 模式和 webpack-dev-server 的区别？
20. Webpack 如何支持 TypeScript？
21. Webpack 的 resolve 配置项有哪些常