- 规范化
- 模块化
- 自动化
- webpack
- babel
- prepack
- 什么是 prepack?跟 wabpack 的区别,优势(构建时优化/运行时优化)
- vite,特点,与 webpack 的区别
- 知道 webpack,rollup 以及他们适用的场景。
- 知道 webpack v4 和 v3 的区别。
- 脱口而出 webpack 基础配置。
- 知道 webpack 打包结果的代码结构和执行流程,知道 index.js,runtime.js 是干嘛的。
- 知道 amd,cmd,commonjs,es module 分别是什么。
- 知道所有模块化标准定义一个模块怎么写。给出 2 个文件,能口喷一段代码完成模块打包和执行的核心逻辑。
中级:
- 知道 webpack 打包链路,知道 plugin 生命周期,知道怎么写一个 plugin 和 loader。
- 知道常见 loader 做了什么事情,能几句话说明白,比如 babel-loader,vue-loader。
- 能结合性能优化聊 webpack 配置怎么做,能清楚说明白核心要点有哪些,并说明解决什么问题,需要哪些外部依赖,比如 cdn,接入层等。
- 了解异步模块加载的实现原理,能口喷代码实现核心逻辑。