webpack工作原理基本介绍
npm run build工作流程:引入webpack包->再引入自定义webpack配置文件.js(const config=configFactory("production"))->使用build方法(传入一个生产环境的配置)
->再使用const compiler=webpack(config),
拿到config
打包流程
1.初始化compiler=new webapck(Config) 得到一个compiler对象
2.开始编译:调用Compiler对象的run方法开始编译运行
3.找到入口文件entry,从入口文件出发调用配置的loader对模块进行编译,再找出该模块的依赖,
再递归编译所有的模块依赖,最后形成编译后的内容和他们之间的依赖关系
4.输出资源,根据入口文件模块之间形成的依赖关系,组装成包含多个模块的chunk(栈文件),
再把每个chunk转换成一个单独的文件加入到输出列表,
5.确定好输出内容后,再根据配置确定输出路径和文件名output把文件写入文件系统