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

  • 开发
  • 65

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

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

相关推荐

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

    2024-02-17 06:10:02       66 阅读

  2. 【前端工程化面试题】简单说一下 vite 的原理

    2024-02-17 06:10:02       61 阅读

  3. 【前端工程化面试题】如何优化提高 webpack 的构建速度

    2024-02-17 06:10:02       41 阅读

  4. 前端八股文面试题——webpack工程化

    2024-02-17 06:10:02       27 阅读

  5. 【前端工程化面试题】webpack的module、bundle、chunk分别指的是什么？

    2024-02-17 06:10:02       55 阅读

  7. Webpack的构建流程

    2024-02-17 06:10:02       39 阅读

  8. 【前端工程化面试题目】webpack 的热更新原理

    2024-02-17 06:10:02       53 阅读

  9. 前端工程化面试题

    2024-02-17 06:10:02       46 阅读

  10. Vue2面试题：说一下对vuex的理解？

    2024-02-17 06:10:02       57 阅读

最近更新

  3. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-17 06:10:02       94 阅读

  4. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-17 06:10:02       100 阅读

  9. 在Django里面运行非项目文件

    2024-02-17 06:10:02       82 阅读

  19. Python语言-面向对象

    2024-02-17 06:10:02       91 阅读

  20. 如何分清楚常见的 Git 分支管理策略Git Flow、GitHub Flow 和 GitLab Flow

    2024-02-17 06:10:02       85 阅读

热门阅读

  1. 使用 C++23 从零实现 RISC-V 模拟器（6）：权限支持

    2024-02-17 06:10:02       44 阅读

  2. python自动定时任务schedule库的使用方法

    2024-02-17 06:10:02       54 阅读

  4. 搜索引擎枚举

    2024-02-17 06:10:02       58 阅读

  7. ACP科普：敏捷开发之kanban

    2024-02-17 06:10:02       45 阅读

  16. OpenAI 生成视频模型 Sora 论文翻译

    2024-02-17 06:10:02       46 阅读

  19. uniapp如何给视频组件设置图片

    2024-02-17 06:10:02       48 阅读

  23. ubantu 新建.sh 文件

    2024-02-17 06:10:02       48 阅读

  24. STM32-寄存器和HAL库以及如何使用

    2024-02-17 06:10:02       50 阅读

  25. react中如何做到中断diff过程和恢复

    2024-02-17 06:10:02       48 阅读

  27. Vue3 中应该使用 Ref 还是 Reactive？

    2024-02-17 06:10:02       59 阅读

  28. 【VTKExamples::PolyData】第二十八期 LinearExtrusion

    2024-02-17 06:10:02       43 阅读

  29. 【退役之重学前端】使用vite+vue3+vue-router，重构react+react-router前后端分离的商城后台管理系统

    2024-02-17 06:10:02       45 阅读