Parcel 中文參考文檔
/ Parcel 入門
Parcel 入門
入門
Parcel 是一個Web應用程序 打包器(bundler) ,與以往的開發(fā)人員使用的打包器有所不同。它利用多核處理提供極快的性能,并且你不需要進行任何配置。
首先使用 Yarn 或 npm 安裝 Parcel :
Yarn:
yarn global add parcel-bundler
npm:
npm install -g parcel-bundler
使用以下命令在你的項目目錄中創(chuàng)建一個 package.json 文件:
yarn init -y or npm init -y
Parcel 可以將任何類型的文件作為 入口點(entry point) ,但是 HTML 或 JavaScript 文件是一個很好的開始。如果你使用相對路徑將你的主 JavaScript 文件鏈接到 HTML 中,Parcel 也會為你處理,并將該引用替換為輸出文件的 URL 。
接下來,創(chuàng)建一個 index.html 和 index.js 文件。
<html> <body> <script src="./index.js"></script> </body> </html>
console.log("hello world");
Parcel 內置了一個開發(fā)服務器,這會在你更改文件時自動重建你的應用程序,并支持 模塊熱替換 ,以便你快速開發(fā)。你只需指定 入口文件 即可:
parcel index.html
現(xiàn)在在你瀏覽器中打開 http://localhost:1234/ 。 您也可以使用 -p <port number> 選項覆蓋默認端口。
如果您沒有自己的服務器,或者你的應用完全是客戶端渲染的,那么請使用開發(fā)服務器。如果你有自己的服務器,您可以在 watch 模式下運行 Parcel 。這樣在文件更改時,Parcel 仍然會自動重建文件,并支持模塊熱替換,但不啟動 Web 服務器。
parcel watch index.html
當您準備為生產構建時,build 模式會關閉監(jiān)視,并且只會構建一次。 參見 Production 部分了解更多細節(jié)。