babel包的用途

@babel/core

• 作用 : Babel 的核心包，提供代码转换的核心功能
• 用途 : 将现代 JavaScript/TypeScript 代码转换为向后兼容的版本

@babel/preset-env

• 作用 : Babel 的智能预设，根据目标环境自动确定需要的转换
• 用途 :
  • 自动转换 ES6+ 语法到 ES5
  • 根据 browserslist 配置决定转换程度
  • 按需加载 polyfill

@babel/preset-typescript

• 作用 : TypeScript 预设
• 用途 : 将 TypeScript 代码转换为 JavaScript（类型擦除）

webpack

• 作用 : 模块打包工具
• 用途 :
  • 将多个模块打包成一个或多个 bundle
  • 处理各种资源（JS、CSS、图片等）
  • 代码分割、懒加载等优化

webpack-cli

• 作用 : Webpack 的命令行工具
• 用途 : 在命令行中运行 webpack 命令

工具包

cross-env

• 作用 : 跨平台环境变量设置工具
• 用途 : 在不同操作系统（Windows/Mac/Linux）中统一设置环境变量
• 示例 : cross-env NODE_ENV=production webpack

rimraf

• 作用 : 跨平台的 rm -rf 命令
• 用途 : 删除文件和目录，通常用于清理构建目录
• 示例 : rimraf dist 清空 dist 目录