当前位置: 代码迷 >> 综合 >> webpack4.0核心概念(十二)—— webpack 打包bundle原理分析与实现
  详细解决方案

webpack4.0核心概念(十二)—— webpack 打包bundle原理分析与实现

热度:37   发布时间:2023-11-29 12:28:15.0

执行 【npx webpack】这个命令的时候,webpack做了一下操作

  • 接收webpack配置 (webpack.config.js) 进?读取
  • ??文件:从哪个?件开始分析
  • 分析是否有依赖:哪些是依赖模块
  • 分析依赖路径:这些依赖模块的位置 也就是路径信息
  • 分析内容:对内容处理,处理成浏览器正确解析的 (es6/7 ——> es5)
  • 递归处理其他依赖模块
  • ?成chunk 代码?段
  • 补?函数 ?成bundle?件的内容 -》 启动器函数
  • 出?:?成资源?件的名称和位置

  相关解决方案