Parcel是一个零配置的打包工具，它可以让你轻松地构建现代Web应用程序。与其他打包工具相比，使用Parcel非常简单，无需编写任何配置文件或插件即可立即开始使用。
安装Parcel
要使用Parcel，请先确保您已正确安装了Node.js。然后，只需在终端中运行以下命令即可全局安装Parcel：
npm install -g parcel-bundler
使用Parcel
假设您有一个名为index.html的入口文件和一些依赖项（例如CSS，JavaScript和图像），并且这些依赖项都被导入到HTML文件中。那么，使用Parcel将它们打包起来只需一条命令：
parcel index.html
这将创建一个名为dist的目录，并在其中生成打包后的文件。同时，Parcel会检测所有导入的依赖项并自动构建所需的输出文件。例如，如果您导入了一个名为styles.css的样式表文件，则Parcel将自动在dist目录中生成一个名为styles.hash.css的文件。
支持的文件类型
除了常规的JavaScript和CSS文件之外，Parcel还支持许多其他文件类型，例如：
- TypeScript文件：
.ts和.tsx。 - Vue单文件组件：
.vue。 - 图标文件：
.svg和.png等。 - JSON文件：
.json。 - HTML模板：
.pug和.ejs等。
自定义配置
尽管Parcel是一个零配置工具，但您仍然可以对其进行某些自定义。例如，您可以通过创建名为.babelrc的Babel配置文件来定制JavaScript编译器的行为。同样地，您也可以在终端中使用各种选项来调整打包过程的某些方面。
示例代码
以下是一个简单的示例，展示如何使用Parcel构建一个简单的Web应用程序：
index.html:
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------- ------ -----------
-------
------
---------- ------------
------- --------------------------
-------
-------index.js:
console.log('Hello, world!');首先，确保您已经安装了Parcel。接下来，在终端中切换到项目目录，并运行以下命令：
parcel index.html
这将启动Parcel并开始构建您的应用程序。一旦构建完成，您就可以在浏览器中查看它了！
总结
如果您正在寻找一种简单易用的打包工具，那么Parcel可能正是您需要的。它可以让您轻松地构建现代Web应用程序，而无需编写任何配置文件或插件。同时，Parcel还支持许多其他文件类型，因此您可以更轻松地管理和构建更复杂的应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8414