SuperAPI AI 工具集

parcel

前端与建站

查看项目

更新于 10-15 21:49

技能介绍

用途:Parcel 是零配置打包器,可直接从 HTML 入口打包现代 Web 应用、TypeScript、JSX、SCSS 与 HTML,无需手动配置;也用于库与微前端构建,输出 ESM、CommonJS、UMD 并自动生成 source map。

主要能力:基于 SWC 的转译与多线程缓存;自动从 HTML 入口识别脚本、样式与资源,支持 SPA、Web Worker、WebAssembly、Service Worker 等全栈资源管线;v2.12 使用 Lightning CSS。

使用方式:安装 npm install --save-dev parcel;在 package.json 中设置 source 入口与 start/build 脚本,运行 npm start 启动开发服务器(默认 http://localhost:1234)。库构建可声明 main、module、types 及 targets。可通过 .parcelrc 扩展默认管线,添加自定义 transformer 与 compressor(如 SVG、gzip、brotli)。

适用场景:零配置 Web 应用打包、高性能 Rust 编译、全栈资源管线、微前端与库构建。

限制与注意:不要混用 webpack 配置,应使用 .parcelrc;不要提交 .parcel-cache 或 dist;不要预先手动编译 Sass/TypeScript。常见问题包括缓存损坏(可删除 .parcel-cache 与 dist 后重启)、模块解析失败、HTML 应用误设 main 字段等。具体收费、价格与平台信息暂未提供。