代码打包工具

适用范围:

1. 优点:

• 不用考虑运行环境是否支持某种模块化规范, 如commonjs和esm
  • 因为在实际运行环境中不用运行模块导入代码

2. 场景:

• 将多个代码模块编译成一个入口代码文件
  • 对于前端而言：
  • 把各种主流技术（如TypeScript、Scss、Tailwind）整合到一个统一个语法框架上
    • 然后编译出浏览器能直接识别的js、css、html文件

基本概念

• child::引用静态资源

前端的主流代码带包工具:

• child::ESbuild
• child::webpack
• child::Vite