第91题(2019-11-27)： 你所了解的webpack的构建流程与打包原理？

[qappleh]

No description provided.

[chentianyuan]

webpack是一种模块化打包工具，刨去plugin的作用，webpack支持将各种非js格式的文件视为js模块，经过打包后生成在浏览器可执行的bundle。
构建流程：
1、初始化内置环境，生成本次打包通用的Compiler对象
---- 多次生成Compilation对象 ----
2、从入口文件开始，依赖搜寻
3、loader转化处理
4、生成处理后的js
5、emit输出文件
-----
plugin可以穿插在webpack运行的多个生命周期，为打包流程赋能
简易原理：
webpack的runtime文件自行实现了一套类commonjs的模块化规范，将入口函数作为模块定点，实现了js在浏览器端的自执行与模块装载。