手册
目录
收藏835
分享
阅读16440
更新时间2022-04-20
入门
Parcel 是一个Web应用程序 打包器(bundler) ，与以往的开发人员使用的打包器有所不同。它利用多核处理提供极快的性能，并且你不需要进行任何配置。
首先使用 Yarn 或 npm 安装 Parcel ：
Yarn:
yarn global add parcel-bundler
npm:
npm install -g parcel-bundler
使用以下命令在你的项目目录中创建一个 package.json 文件：
yarn init -y or npm init -y
Parcel 可以将任何类型的文件作为 入口点(entry point) ，但是 HTML 或 JavaScript 文件是一个很好的开始。如果你使用相对路径将你的主 JavaScript 文件链接到 HTML 中，Parcel 也会为你处理，并将该引用替换为输出文件的 URL 。
接下来，创建一个 index.html 和 index.js 文件。
<html> <body> <script src="./index.js"></script> </body> </html>
console.log("hello world");Parcel 内置了一个开发服务器，这会在你更改文件时自动重建你的应用程序，并支持 模块热替换 ，以便你快速开发。你只需指定 入口文件 即可：
parcel index.html
现在在你浏览器中打开 http://localhost:1234/ 。 您也可以使用 -p <port number> 选项覆盖默认端口。
如果您没有自己的服务器，或者你的应用完全是客户端渲染的，那么请使用开发服务器。如果你有自己的服务器，您可以在 watch 模式下运行 Parcel 。这样在文件更改时，Parcel 仍然会自动重建文件，并支持模块热替换，但不启动 Web 服务器。
parcel watch index.html
当您准备为生产构建时，build 模式会关闭监视，并且只会构建一次。 参见 Production 部分了解更多细节。
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
精选课程
共5课时
17.2万人学习
共49课时
77万人学习
共29课时
61.7万人学习
共25课时
39.3万人学习
共43课时
70.9万人学习
共25课时
61.6万人学习
共22课时
23万人学习
共28课时
33.9万人学习
共89课时
125万人学习
