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

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

  1. 初始化流程
    1. 从配置文件和shell 语句中读取合并参数,初始化需要使用的插件和执行环境所需要的参数
    2. 配置文件默认是 webpack.config.js
  2. 编译构建流程
    1. 解析入口模块,从入口模块开始串行调用对应的loader 去翻译文件内容,依次编译模块的依赖
  3. 输出流程
    1. 根据配置文件中 entry 属性配置的模块,根据入口和模块之前的依赖关系,组装成一个个包含多个模块的 chunk
    2. 再把每个 chunk 转换成一个单独的文件加入输出列表
    3. 确定好输出的内容,根据配置中 output 的配置,确定输出的路径和文件名
相关推荐
Python_金钱豹4 分钟前
Text2SQL零代码实战!RAGFlow 实现自然语言转 SQL 的终极指南
前端·数据库·sql·安全·ui·langchain·机器人
兜小糖的小秃毛18 分钟前
两段文本比对,高亮出差异部分
linux·前端·javascript
佛系菜狗27 分钟前
element-ui、element-plus表单resetFields()无效的坑
前端·javascript·vue.js
爱的叹息1 小时前
【前端】基于 Promise 的 HTTP 客户端工具Axios 详解
前端·网络·网络协议·http
遗憾随她而去.1 小时前
从 0 开始认识 WebSocket:前端实时通信的利器!
前端·websocket·网络协议
老兵发新帖1 小时前
pnpm常见报错解决办法
前端
Sonetto19992 小时前
Nginx 反向代理,啥是“反向代理“啊,为啥叫“反向“代理?而不叫“正向”代理?它能干哈?
运维·前端·nginx
沐土Arvin2 小时前
理解npm的工作原理:优化你的项目依赖管理流程
开发语言·前端·javascript·设计模式·npm·node.js
好_快2 小时前
Lodash源码阅读-baseUniq
前端·javascript·源码阅读
不秃的开发媛2 小时前
前端技术Ajax入门
java·开发语言·前端