做了一夜动画,让大家十分钟搞懂Webpack的笔记

webpack打包步骤

1.生成依赖图

  1. 使用fs模块读取文件,返回字符串格式的代码

image.png

2.ES6转ES5

  1. @babel/preset-env模块将ES6转为ES5

3.替换exports和require

  1. 生成bundle文件

报错解决:

1.运行时报错,修改index.js,否则收集依赖时ImportDeclare不起作用

image.png
2.bundle函数

image.png

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享