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

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

  1. 初始化流程
    1. 从配置文件和shell 语句中读取合并参数,初始化需要使用的插件和执行环境所需要的参数
    2. 配置文件默认是 webpack.config.js
  2. 编译构建流程
    1. 解析入口模块,从入口模块开始串行调用对应的loader 去翻译文件内容,依次编译模块的依赖
  3. 输出流程
    1. 根据配置文件中 entry 属性配置的模块,根据入口和模块之前的依赖关系,组装成一个个包含多个模块的 chunk
    2. 再把每个 chunk 转换成一个单独的文件加入输出列表
    3. 确定好输出的内容,根据配置中 output 的配置,确定输出的路径和文件名
相关推荐
源心锁25 分钟前
丧心病狂!在浏览器全天候记录用户行为排障
前端·架构
GIS之路27 分钟前
GDAL 实现投影转换
前端
烛阴44 分钟前
从“无”到“有”:手动实现一个 3D 渲染循环全过程
前端·webgl·three.js
BD_Marathon1 小时前
SpringBoot——辅助功能之切换web服务器
服务器·前端·spring boot
Kagol1 小时前
JavaScript 中的 sort 排序问题
前端·javascript
eason_fan1 小时前
Service Worker 缓存请求:前端性能优化的进阶利器
前端·性能优化
光影少年2 小时前
rn如何和原生进行通信,是单线程还是多线程,通信方式都有哪些
前端·react native·react.js·taro
好大哥呀2 小时前
Java Web的学习路径
java·前端·学习
HashTang2 小时前
【AI 编程实战】第 7 篇:登录流程设计 - 多场景、多步骤的优雅实现
前端·uni-app·ai编程
cos2 小时前
Fork 主题如何更新?基于 Ink 构建主题更新 CLI 工具
前端·javascript·git