Hello Parcel：快速配置零配置的 Web 应用打包工具

Hello Parcel：快速配置零配置的 Web 应用打包工具

Parcel 是一款新发布的「快速，零配置的 Web 应用程序打包器」，光是零配置这一点，看着就已经比 webpack 好一万倍了——webpack让我们怀疑，前端是否要衍生出一种副职业：配置工程师。我至今也没有搞懂过 webpack 的配置。而 Parcel，轻巧、优雅、极简，并且它还能通过构建缓存和多线程并行处理来大幅提升构建速度。

Parcel 的特点

• 零配置。 Parcel 完全免除了配置，开箱即用。这是因为它内置了对所有常见 JavaScript 和 CSS 预处理器的支持，您无需安装或配置任何额外的工具。
• 快速。 Parcel 采用了缓存和多线程并行处理技术，构建速度非常快。在我们的测试中，Parcel 比 Webpack 快了 10 倍以上。
• 简单。 Parcel 的 API 非常简单，只有几个常用的命令。即使您是前端开发的新手，也可以轻松使用 Parcel。
• 支持所有主要的前端框架和工具。 Parcel 支持 React、Vue、Angular、Svelte 等所有主流的前端框架。此外，它还支持 Babel、TypeScript、Sass、Less 等各种预处理器。

Parcel 的优势

• 更快的构建速度。 Parcel 的构建速度非常快，这可以节省您大量的时间。
• 更简单的配置。 Parcel 完全免除了配置，开箱即用。您无需安装或配置任何额外的工具。
• 更友好的开发体验。 Parcel 提供了实时的错误提示和热更新功能，让您能够快速地发现和修复错误。

Parcel 的使用

使用 Parcel 非常简单，只需要几个步骤即可：

1. 安装 Parcel。您可以使用以下命令安装 Parcel：

npm install -g parcel-bundler

2. 创建一个新的项目。您可以使用以下命令创建一个新的 Parcel 项目：

parcel init

3. 添加您的代码。您可以将您的 JavaScript、CSS 和 HTML 代码添加到项目的 src 目录中。

4. 运行 Parcel。您可以使用以下命令运行 Parcel：

parcel serve

5. 访问您的项目。您可以在浏览器中访问 http://localhost:1234 来访问您的项目。

Parcel 与 Webpack 的比较

Parcel 和 Webpack 都是流行的 Web 应用程序打包工具，但它们之间也存在一些差异。

• 配置。 Parcel 完全免除了配置，而 Webpack 需要复杂的配置。
• 速度。 Parcel 的构建速度比 Webpack 快很多。
• 简单性。 Parcel 的 API 非常简单，而 Webpack 的 API 比较复杂。
• 支持。 Parcel 支持所有主要的前端框架和工具，而 Webpack 也支持大多数的前端框架和工具。

结论

Parcel 是一个快速、零配置的 Web 应用程序打包工具，非常适合于快速开发和构建 Web 应用程序。如果您正在寻找一款简单易用的打包工具，那么 Parcel 是一个不错的选择。