【前端工程化面试题】说一下 webpack 的构建流程

作者：2023面试高手 | 2024-02-18 12:15:38

踩

类似问题是，说一下 vite 的构建流程，参考这篇文章。

初始化流程
1. 从配置文件和shell 语句中读取合并参数，初始化需要使用的插件和执行环境所需要的参数
2. 配置文件默认是 webpack.config.js
编译构建流程
1. 解析入口模块，从入口模块开始串行调用对应的loader 去翻译文件内容，依次编译模块的依赖
输出流程
1. 根据配置文件中 entry 属性配置的模块，根据入口和模块之前的依赖关系，组装成一个个包含多个模块的 chunk
2. 再把每个 chunk 转换成一个单独的文件加入输出列表
3. 确定好输出的内容，根据配置中 output 的配置，确定输出的路径和文件名

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/107836