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

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

  1. 初始化流程
    1. 从配置文件和shell 语句中读取合并参数,初始化需要使用的插件和执行环境所需要的参数
    2. 配置文件默认是 webpack.config.js
  2. 编译构建流程
    1. 解析入口模块,从入口模块开始串行调用对应的loader 去翻译文件内容,依次编译模块的依赖
  3. 输出流程
    1. 根据配置文件中 entry 属性配置的模块,根据入口和模块之前的依赖关系,组装成一个个包含多个模块的 chunk
    2. 再把每个 chunk 转换成一个单独的文件加入输出列表
    3. 确定好输出的内容,根据配置中 output 的配置,确定输出的路径和文件名
相关推荐
少年姜太公5 小时前
什么?还不知道git cherry pick?
前端·javascript·git
白兰地空瓶7 小时前
🏒 前端 AI 应用实战:用 Vue3 + Coze,把宠物一键变成冰球运动员!
前端·vue.js·coze
Liu.7748 小时前
vue3使用vue3-print-nb打印
前端·javascript·vue.js
松涛和鸣9 小时前
Linux Makefile : From Basic Syntax to Multi-File Project Compilation
linux·运维·服务器·前端·windows·哈希算法
dly_blog9 小时前
Vue 逻辑复用的多种方案对比!
前端·javascript·vue.js
万少9 小时前
HarmonyOS6 接入分享,原来也是三分钟的事情
前端·harmonyos
烛阴9 小时前
C# 正则表达式:量词与锚点——从“.*”到精确匹配
前端·正则表达式·c#
wyzqhhhh10 小时前
京东啊啊啊啊啊
开发语言·前端·javascript
JIngJaneIL10 小时前
基于java+ vue助农电商系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
想学后端的前端工程师10 小时前
【Java集合框架深度解析:从入门到精通-后端技术栈】
前端·javascript·vue.js