Parcel

Parcel 是一款零配置的 Web 应用打包工具，旨在简化前端项目的构建流程。它无需复杂的配置文件，即可支持 JavaScript、TypeScript、CSS、HTML、图像、字体等多种文件类型，并自动安装所需的插件和依赖。

核心功能

• 零配置启动：只需一个 HTML 文件即可开始，Parcel 自动识别和处理其中的资源引用。
• 内置开发服务器：支持热重载、HTTPS（通过 –https 标志）、API 代理，提供即时反馈。
• 闪电般构建速度：基于 Rust 编写的编译器（SWC、CSS 解析器），多线程并行处理，配合持久缓存，避免重复构建。
• 自动生产优化：支持摇树优化（ESM 和 CommonJS）、代码压缩、图像优化（格式转换、尺寸调整）、代码分割、内容哈希。
• 多目标编译：根据 browserslist 配置自动转译 JavaScript 和 CSS，支持差异化打包（module/nomodule）、Web Workers、Service Workers 以及库模式（ESM、CommonJS、TypeScript 声明文件）。

适用人群

• 希望快速搭建原型或小型项目的前端开发者。
• 需要零配置、高性能构建工具的中大型项目团队。
• 对 TypeScript、React、Vue 等现代框架有原生支持需求的开发者。

如何使用

1. 安装：yarn add parcel --dev 或 npm install parcel --dev。
2. 创建 HTML 文件并在其中引用资源。
3. 运行 parcel index.html 启动开发服务器。
4. 生产构建运行 parcel build index.html。

注意事项

• Parcel 默认配置适用于大多数场景，但高级需求可通过 .parcelrc 配置文件扩展（如自定义转换器、解析器）。
• 确保 Node.js 版本 >= 16。
• 图片优化需在引用时通过查询参数指定格式和尺寸。