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 部分了解更多細節。