- Webpack
- 知识点
- 初级
- webpack,rollup的区别以及使用场景
- webpack v4, v5的区别
- webpack的基础配置
- webpack打包结果的代码结构和执行流程,index.js,runtime.js是干嘛的
- amd,cmd,commonjs, esm分别是什么
- 所有模块化标准(common.js, esm)定义模块怎么写?
- 口述一段代码完成模块打包和执行的核心逻辑
- 中级
- webpack打包链路
- plugin的生命周期,如何编写一个plugin
- 常用loader的做用,如何编写一个loader
- 结合新能优化聊一下webpack怎么配置,核心要点是什么,解决了什么问题,需要哪些外部依赖,比如cdn,接入层等;
- 口述异步加载模块的实现原理
- 高级
- 能设计出活具体说明短途研发基础设施,包括单不限于
- 项目脚手架搭建,及如何以工具形态共享
- 团队eslint规范如何设计,及如何统一更新
- 工具化打包发布流程,包括本地调试,云构建,线上发布体系,一键部署能力,同时方案不限于前端工程部分,包括相关服务端基础设施,比如cdn服务搭建,接入层缓存方案设计,域名管控等;
- 客户端缓存以及预加载方案
- 工具