在 ECMAScript 2020（ES2020）中，Parcel 是一项新技术，它能够简化前端开发中的许多常见任务。Parcel 是一款零配置工具，用于打包，构建和部署 JavaScript 应用程序。
Parcel 的功能和优势
零配置
与 webpack 和其他打包工具相比，Parcel 简化了配置的复杂性和难度。开发人员无需将大量时间花费在配置和调试上，因为 Parcel 拥有智能的工作流程，可以处理一切任务。
自动转换代码
Parcel 具有内置的转换器，可以将其他版本的代码转换为最新的 CSS 和 JavaScript 标准。它可以自动识别项目中使用的所有模块，并将它们打包成一个文件，从而提高了构建的效率。
优化缓存
Parcel 可以根据文件的内容对其进行缓存，从而避免重复的打包过程。这意味着，在重新打包应用程序时，只需对发生更改的文件进行重新编译。
快速构建
Parcel 的构建速度非常快，这是因为它采用了并行编译的方式，并使用了多个 CPU 核心。这意味着即使在大型项目中，构建时间也能尽量缩短。
如何使用 Parcel？
Parcel 可以使用 npm 全局安装，具体的安装方式如下：
npm install -g parcel-bundler
当 Parcel 安装完成后，你就可以在终端中运行它，例如：
parcel index.html
这条命令指定了入口文件 index.html，Parcel 将自动查找相关的代码和缩小打包代码。打包完成后，你就可以在浏览器中看到你的应用了。
基本示例代码
下面是一个使用 Parcel 打包并运行的简单示例。
HTML 代码：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------- ------------
-------
------
--------- ------------
------- --------------------------
-------
-------JavaScript 代码：
console.log('Hello World!');运行 Parcel 打包命令：
parcel index.html
输出结果：
Server running at http://localhost:1234 ✨ Built in 58ms.
然后，你可以通过浏览器访问 http://localhost:1234 查看输出结果。
总结
Parcel 是一个速度快、易于使用的打包工具，它可以帮助你简化前端开发工作流程。通过使用 Parcel，你可以减少配置的复杂度和难度，并优化构建过程。它可以使你的应用程序更快、更高效，并能够更好地与其他工具和框架集成。它的出现对于前端开发者来说是一件好事，因为它可以帮助我们更好地构建和优化我们的应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e94f82f6b2d6eab34a2393