parcel

现代化零配置 JavaScript 打包工具。开箱即用，自动识别项目类型并优化，支持快速模块打包、热模块替换（HMR）和代码分割。适合快速构建前端应用和网站。

核心特点

• 零配置：无需配置文件，自动处理依赖
• 极快：多核编译，利用 worker 并行处理
• 自动处理：自动安装缺失依赖、转译 TypeScript/JSX
• HMR 内置：开箱即用的热模块替换
• 多资源支持：JS、CSS、HTML、图片等全部支持

安装

npm install -g parcel
# 或项目内
npm install --save-dev parcel

基本使用

# 开发模式（自动开启 HMR）
parcel index.html
 
# 生产构建
parcel build index.html
 
# 指定端口
parcel index.html --port 8080

package.json 集成

{
  "scripts": {
    "dev": "parcel index.html",
    "build": "parcel build index.html"
  }
}

工具边界

场景	推荐
快速原型 / 小项目	parcel ✅
需要精细控制构建	webpack / vite
库打包	rollup
大型团队项目	vite / webpack

踩坑点

• 零配置是双刃剑，高度定制时反而麻烦
• 插件系统不如 webpack 成熟
• 缓存目录 .parcel-cache 有时需要手动清理