Parcel 入门（一）

最新推荐文章于 2023-05-22 18:08:50 发布

weixin_34255055

最新推荐文章于 2023-05-22 18:08:50 发布

阅读量165

点赞数

文章标签： javascript json ViewUI

原文链接：http://www.cnblogs.com/slovey/p/9212327.html

版权

　　Parcel 是一个Web应用程序打包器（bundler），与以往的开发人员使用的打包器不同。它利用多核处理提供极快的性能，并且不需要进行任何配置。

一、安装

Yarn：

yarn global add parcel-bundler

Npm:

npm install -g parcel-bundler

二、 创建package.json文件；

Yarn：

yarn init -y

npm：

npm init -y

三、 启动 
　　Parcel可以将任何类型的文件作为入口点，但是HTML 或 JavaScript 文件是一个很好的开始。如果你使用相对路径将你的主javaScript文件链接到HTML中，Parcel也会为你处理，并
将该引用替换为输出文件的URL。

创建一个index.html 和 index.js 文件。
index.html

<!DOCTYPE html>
<html>
<head>
    <title>Parcel 入门</title>
</head>
<body>
    <script type="text/javascript" src="./index.js"></script>
</body>
</html>

index.js

alert('Hello, world！');

Parcel 内置了一个开发服务器，在你更改文件时自动重建你的应用程序，并支持模块热替换，以便快速开发。你只需指定入口文件即可：

parcel index.html

运行成结果为：

已经启动成功。在浏览器中打开http://localhost:1234，会出现弹框。

　　　　2. 你也可以使用-p <port number>选择覆盖默认接口。

parcel index.html -p 2345

　　　 3. 如果您没有自己的服务器。或者你的应用完全是客户端渲染的，那么请使用开发服务器。如果你有自己的服务器，你可以在watch 模式下运行parcel。这样文件更改时，parcel仍然会自动重建文件，并支持模块热替换，但不启动web服务器。

parcel watch index.html

转载于:https://www.cnblogs.com/slovey/p/9212327.html

weixin_34255055

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Parcel 入门（一）

　　Parcel 是一个Web应用程序打包器（bundler），与以往的开发人员使用的打包器不同。它利用多核处理提供极快的性能，并且不需要进行任何配置。一、安装Yarn：yarn global add parcel-bundlerNpm:npm install -g parcel-bundler二、创建package.json文件；Yarn：...
复制链接

扫一扫