webpack

我们常说的Module是什么

webpack支持 ESModule, CommonJS, AMD, Assests

如何表达各种依赖关系?

我们常说的chunk和bundle的区别是什么?(important!)

  1. Chunk
    是Webpack打包过程中Modules的集合,是打包过程中的概念。
    Webpack的打包是从⼀个⼊⼝模块开始,⼊⼝模块引⽤其他模块,模块再引⽤模块。
    Webpack通过引⽤关系逐个打包模块,这些module就形成了⼀个Chunk。
    当然如果有多个⼊⼝模块,可能会产出多条打包路径,每条路径都会形成⼀个Chunk。

  2. bundle
    Bundle是我们最终输出的⼀个或多个打包好的⽂件

  3. Chunk 和 Bundle 的关系?
    大多数情况,一个chunk一个bundle

Plugin 和 Loader 分别做什么?怎样工作的?

  1. Loader
    模块转换器,将非js模块转化为webpack能识别的
  2. Plugin
    扩展插件,webpack各个阶段都会广播出对应的事件
  3. Compiler
    对象,也可以理解为webpack的实例

  4. Compliation
    模块资源

简单描述一下打包过程

  1. 初始化参数:shell webpack.config.js
  2. 开始编译
  3. 确定入口
  4. 编译模块
  5. 完成模块编译
  6. 输出资源
zgh wechat
今天扫码,有机会分配一位小哥哥,在线教前端。
请不要给我打赏!