简介
parcel-bundler 是一种快速、零配置的 Web 应用程序打包工具。它能够处理许多类型的文件，并自动在浏览器中重新加载文件。与其他打包工具相比，parcel-bundler 只需很少的配置就能轻松打包代码。
在本教程中，我们将学习如何安装和使用 parcel-bundler 打包你的前端应用程序。
安装
首先，请确保您已经在计算机上安装了 Node.js 环境。然后打开终端并输入以下命令：
npm install -g parcel-bundler
上述命令会全局安装 parcel-bundler，意味着您可以在任何需要使用该工具的项目中直接使用它。
使用
1. 创建项目和安装依赖
首先，我们需要在项目的目录下创建一个 package.json 文件来管理项目的依赖项。在终端中输入以下命令：
npm init -y
这将使用默认设置创建 package.json 文件。
接下来，我们需要安装 parcel-bundler 和其他所需的依赖项。在终端中输入以下命令：
npm install parcel-bundler react react-dom
这将安装 parcel-bundler、React 和 React DOM。
2. 编写代码
现在，我们可以开始编写应用程序代码了。创建一个index.html文件，并在里面添加以下代码：
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ----- ---------------- ----------------------------- ------- ------ ---- ---------------- ------- -------------------------- ------- -------
在项目的根目录下创建一个 index.js 文件，并添加以下代码：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
----- --- - -- -- -
------ -
-----
---------- --------------------
------
--
--
-------------------- --- ---------------------------------3. 打包
使用 parcel-bundler 进行打包非常简单。在终端中输入以下命令：
parcel index.html
这将启动开发服务器并在浏览器中打开您的应用程序。如果一切正常，您将看到一个带有 "Hello, parcel-bundler!" 字样的页面。
当您准备将应用程序部署到生产服务器时，进行代码打包肯定是必不可少的。使用 parcel-bundler 进行打包也非常简单。在终端中输入以下命令：
parcel build index.html
这将创建一个 build 文件夹，其中包含打包后的代码。您可以将其部署到您的服务器上。
结论
parcel-bundler 是一个快速、简单的打包工具，它提供了零配置操作和快速的打包速度。通过本教程的学习，希望您能够掌握使用 parcel-bundler 进行前端应用程序打包的基础知识，并能快速上手进行实践。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/63844