前端MarkDown
Konck! Knock!
OK
前端MarkDown
Choose mode
dark
auto
light
新特性研究
JavaScript
Chapter1 基础
Chapter2 内置对象
Chapter3 JS进阶
ESNext
DOM
Vue.JS
Webpack
HTML/CSS
CSS基础
HTML基础
CSS进阶
HTML进阶
面试
附录
浏览器&网络请求
后端
数据结构
正则表达式
设计模式
Konck! Knock!
OK
Webpack工作原理
前端MarkDown
#
Webpack工作原理
#
基本概念
Entry:入口,即输入。
Module:Webpack里一切皆模块,一个模块对应一个文件。从Entry进入,Webpack会找出所有依赖的模块。
Chunk:代码块,多个Module组合而成,可以合并或分割代码。
Loader:模块转换器。
Plugin:扩展插件。Webpack构建时触发各种事件,插件可以响应这些事件并做处理。
#
流程概括
#
Plugin
test
#
Loader
处理非JS文件。
#
相关概念
#
source map
一个信息文件,存储着转换后的代码与转换前代码的对应位置。