web前端工程化-1-JS工具链

三大问题

• 语言问题

  • haml
  • jsx
  • ts
  • 容易维护
  • 增强语言
  • 问题
    • 兼容性
    • 语言增强

• 工程问题

• 流程问题

兼容性

• API兼容

  • polyfill:填充缺失的API
    • 依赖:core-js

• 语法兼容

  • syntax transformer(runtime)

    • 不同的语法用不同工具
    • 结构
    • async await
      • regenerator
    • * yield

  • 语法增强

    • TypeScript tsc —> JS

  • babel

    • 预设:@babel/preset-env