重点
- 说说你对webpack的理解！解决了什么问题！
- 说说webpack的构建流程！
- 说说Loader和Plugin的区别！编写Loader，Plugin的思路！
- 说说webpack的热更新是如何做到的！原理是什么！
- 说说webpack proxy工作原理！为什么能解决跨域！
- 如何提高webpack的构建速度！
- 与webpack类似的工具还有哪些！区别！
八股文
核心概念
- 说说你对webpack的理解！解决了什么问题！
- Webpack的核心概念是什么！请解释entry、output、loader和plugin。
- 说说webpack中常见的Loader！解决了什么问题！
- 说说webpack中常见的Plugin！解决了什么问题！
- 说说Loader和Plugin的区别！编写Loader，Plugin的思路！
- 什么是Webpack Loader和Plugin的执行顺序！如何控制它们的执行顺序！
- 在Webpack中，什么是代码分离（code splitting）和懒加载（lazy loading）！它们有什么区别！
- Webpack的Resolve模块解析是什么！请解释resolve.modules、resolve.alias和resolve.extensions的作用。
- 解释一下Webpack的模块化（Module Federation）是什么，它解决了什么问题！
- 解释一下Webpack的动态导入（Dynamic Imports）和预加载（Preloading）的区别！
使用方法
- 如何配置Webpack的开发环境和生产环境的不同配置！
- 在Webpack中，什么是环境变量（Environment Variables）！如何在配置中使用它们！
- 如何在Webpack中处理不同类型的资源文件，例如图片、CSS和字体文件！
- Webpack的Tree Shaking是什么！如何配置实现代码的无用代码剔除！
- 如何在Webpack中实现Code Splitting和按需加载的路由（Dynamic Imports）！
- 如何在Webpack中使用ES6+的语法和新特性，例如ES Modules、Async&Await等！
- 解释一下Webpack的DevServer是什么！如何配置用于开发环境的Webpack DevServer！
- 如何使用Webpack进行代码分析和打包分析（Bundle Analysis）！
- 如何在Webpack中处理第三方库（vendor libraries）和动态链接库（Dynamic Linking Libraries）！
- 如何在Webpack中处理样式文件，例如CSS、Sass、Less等！
- Webpack中的提取公共代码（Extracting Common Code）是什么！如何进行配置！
- 如何在Webpack中处理多页应用（Multiple Pages Application）的构建！
- Webpack的静态资源引入优化（Asset Resource Optimization）是什么，如何进行优化配置！
- 在Webpack中，如何使用Babel来转译和处理JavaScript文件！
- Webpack的持久化缓存（Persistent Caching）是什么，如何配置使用！
底层原理
- 说说webpack的构建流程！
- 说说webpack的热更新是如何做到的！原理是什么！
- 说说webpack proxy工作原理！为什么能解决跨域！
- 解释一下Webpack的文件指纹（file fingerprint）和缓存（caching）机制。