webpack打包

51 阅读1分钟

webpack

babel的原理

  1. parse(解析): 把代码code变成AST
  2. traverse(遍历): 遍历AST并进行修改
  3. generate(生成): 把AST变成代码code2 整个过程就是 code ---(1)---> AST ---(2)---> AST2 ---(3) ---> code2

为什么必须使用AST? AST可以明确地找到let

如何自动把代码转为ES5? 使用@babel/core 和 @babel/preset-env

webpack核心原理

bundle -- 打包 bundler -- 打包器

  1. 浏览器无法直接运行带有import和export关键字的代码
  2. 不同浏览器功能不同 现代浏览器可以通过