webpack的执⾏流程
1.初始化compiler：new Compiler(cnofig)， config就是fig.js⽂件的内容
2.开始编译：调⽤compiler的run⽅法开始编译
3.确定⼊⼝：根据config的entry到所有的⼊⼝⽂件
4.编译模块：从⼊⼝⽂件触发，调⽤所有配置的loader对模块进⾏编译，并且还要收集模块依赖的模块，不断递归进⾏编译（这个过程会⽤到使⽤AST收集依赖，AST就是抽象语法树，像什么eslint, sass, typescript等等都会⽤到AST，AST可以⽤@babel/parser插件来⽣成）
5.完成模块编译：在经过第4步使⽤Loader编译完所有模块后，得到每个模块编译的内容和它们的依赖关系
6.输出资源：根据⼊⼝和模块之间的依赖关系，组装成⼀个个包含多个模块的Chunk，再把每个chunk转换成单独的⽂件加⼊到输出列表。（这步是可以修改输出内容的最后机会）。
7.输出完成：在确定好输出内容后，根据配置确定输出的路径和⽂件名，把⽂件内容写⼊到⽂件系统。
成功运⾏Webpack基本流程如下：
①安装node.js
②创建项⽬⽬录和新建package.json
webpack打包流程 面试③安装webpack和webpack-cli
④新建fig.js
⑤开始打包你的js代码
作者：前端王睿
链接：www.jianshu/p/948db433f16e
来源：简书有详细讲解
著作权归作者所有。商业转载请联系作者获得授权，⾮商业转载请注明出处。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。