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!');

 

  1. 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

 




 

posted on 2018-06-22 11:54  小山子子  阅读(2190)  评论(0编辑  收藏  举报