面试题 之 webpack

1.说说你对webpack理解？解决什么问题？

Webpack 是实现前端项目的模块化，用于现代 JavaScript 应用程序的静态模块打包工具，被webpack 直接引用的资源打包进 bunde.js的资源，当webpack 处理应用程序时,它会在内部构建一个依赖图,依赖图对应映射到项目所需的每个模块 ，并生成一个或多个 bundle
解决问题：
1️⃣编译代码能力，提高效率，解决浏览器兼容问题
2️⃣模块整合能力，提高性能，可维护性，解决浏览器频繁请求文件的问题
3️⃣模块能力,项目维护性增强,支持不同种类的前端模块类型,统一的模块化方案,所有资源文件的加载都可以通过代码控制

2.说说webpack的热更新是如何做到的？原理是什么？

模块热更新指在应用程序运行过程中，替换、添加、删除模块、而无需重新刷新整个应用。
webpack中配置开启热模块

更改之后css可以直接更新，js需要额外操作指定模块来热更新

原理总结：
通过webpack-dev-server创建两个服务器: 提供静态资源的服务express和Socket服务
express server 负责直接提供静态资源的服务(打包后的资源直接被浏览器请求和解析)
socket server 是一个 websocket 的长连接双方可以通信当socket server 监听到对应的模块发生变化时，会生成两个文件.json和.js文件
通过长连接socket