webpack
约 704 字大约 2 分钟
2021-03-15
「吐血整理」再来一打Webpack面试题webpack面试题
Webpack热更新实现原理?
- Webpack编译期，为需要热更新的 entry 注入热更新代码(EventSource通信)
- 页面首次打开后，服务端与客户端通过 EventSource 建立通信渠道，把下一次的 hash 返回前端
- 客户端获取到hash，这个hash将作为下一次请求服务端 hot-update.js 和 hot-update.json的hash
- 修改页面代码后，Webpack 监听到文件修改后，开始编译，编译完成后，发送 build 消息给客户端
- 客户端获取到hash，成功后客户端构造hot-update.js script链接，然后插入主文档
- hot-update.js 插入成功后，执行hotAPI 的 createRecord 和 reload方法，获取到 Vue 组件的 render方法，重新render 组件， 继而实现 UI 无刷新更新。
webpack 插件开发的流程？(跟谁学)
Webpack 插件开发如此简单！揭秘webpack插件工作流程和原理看清楚真正的 Webpack 插件
组件库开发单元测试需要测试什么？ 系统测试用什么工具？(跟谁学)
UI组件库从1到N开发心得-单元测试篇前端组件单元测试ui组件如何进行单元测试，该测试那些内容呢
tree-shaking
Tree-Shaking性能优化实践 - 原理篇Tree Shaking原理 -【webpack进阶系列】
commonjs 与 esm 的区别
commonjs 与 esm 的区别Module和CommonJS的区别前端模块化——彻底搞懂AMD、CMD、ESM和CommonJS前端模块化
webpack
webpack打包原理 ? 看完这篇你就懂了 !Webpack原理浅析webpack打包分析与性能优化
babel ES6 转换 ES5
babel ES6 转换 ES5 实现原理ES6 代码转成 ES5 代码的实现思路是什么使用babel把es6语法转换成es5
webpack与rollup的区别和原理
Webpack vs Rollup【第九期】Rollup：下一代ES模块打包工具rollup和webpackwebpack、gulp、rollup、tsc/babel 使用对比
webpack异步加载原理
由浅至深了解webpack异步加载背后的原理webpack的异步加载原理及分包策略
热更新模块的实现原理
轻松理解webpack热更新原理彻底搞懂并实现webpack热更新原理webpack 热更新（HMR）实现原理