webpack
babel的原理
- parse(解析): 把代码code变成AST
- traverse(遍历): 遍历AST并进行修改
- generate(生成): 把AST变成代码code2 整个过程就是 code ---(1)---> AST ---(2)---> AST2 ---(3) ---> code2
为什么必须使用AST? AST可以明确地找到let
如何自动把代码转为ES5? 使用@babel/core 和 @babel/preset-env
webpack核心原理
bundle -- 打包 bundler -- 打包器
- 浏览器无法直接运行带有import和export关键字的代码
- 不同浏览器功能不同 现代浏览器可以通过