0
点赞
收藏
分享

微信扫一扫

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


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

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

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

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

举报

相关推荐

webpack打包原理

(2)webpack核心概念

0 条评论