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

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

  1. 初始化流程
    1. 从配置文件和shell 语句中读取合并参数,初始化需要使用的插件和执行环境所需要的参数
    2. 配置文件默认是 webpack.config.js
  2. 编译构建流程
    1. 解析入口模块,从入口模块开始串行调用对应的loader 去翻译文件内容,依次编译模块的依赖
  3. 输出流程
    1. 根据配置文件中 entry 属性配置的模块,根据入口和模块之前的依赖关系,组装成一个个包含多个模块的 chunk
    2. 再把每个 chunk 转换成一个单独的文件加入输出列表
    3. 确定好输出的内容,根据配置中 output 的配置,确定输出的路径和文件名
相关推荐
拆房老料5 小时前
【第四部分:Agentic 智能体设计模式】16. 一个 Prompt 搞不定复杂任务?试试 Prompt Chaining
java·前端·人工智能·设计模式·prompt
曹牧10 小时前
C#:空合并运算符
java·前端·数据库
小羊没烦恼!11 小时前
铁道部新客票系统设计(二)
开发语言·前端·数据库·python·oracle·c#·php
智能直播13 小时前
RK3518:1.5G 内存 + 8G 存储,如何跑起硬件编解码、Web、AI 识别、绿幕特效
前端·人工智能·5g
掘金酱15 小时前
【10.24 特别活动】AI 时代,程序员的新饭碗在哪里?
前端·人工智能·后端
excel15 小时前
多进程环境下使用 PM2 部署 Socket.IO:需要注意什么
前端
IT_陈寒15 小时前
Redis的原子性竟然失效了?记一次分布式锁翻车实录
前端·人工智能·后端
时间的情敌17 小时前
《回顾 2018 前端:Vue2 成熟期,Webpack4 发布,PWA 大火》
前端
Java后端的Ai之路17 小时前
前端技术Vue-09-webpack-vuejs-实战
前端·vue.js·webpack
LMT流氓兔17 小时前
第五单元——第4课:给工具参数加校验
java·前端·算法·ai·langchain