Parcel 入門

入門
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 模式會關閉監視，並且只會建置一次。請參閱

PHP中文網