• 规范化
  • 模块化
  • 自动化
  • 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,接入层等。
  • 了解异步模块加载的实现原理,能口喷代码实现核心逻辑。

# TODO

上次更新: 4/17/2022, 10:59:22 AM