本文是構造 UI 輪子過程中搭建專案初始化時使用 Parcel 作為打包器的簡要使用記錄。

安裝

參考 官方文件

使用 npm 進行 parcel-bundler 的安裝。

npm i -D parcel-bundler

為什麼要用 -D ？ 如果一個 npm 包是給使用者使用的，不用加 -D。如果是給開發者使用，需要加 -D。（或者全域性安裝）

打包

安裝完成之後，需要進行打包的操作。

使用下列命令進行 parcel 的初次打包，如果出現紅色報錯，就在後面加上 index.html即可。

./node_modules/.bin/parcel

注意: 這裡還需要注意的問題的是，初次進入之後。還需要給 package.json 進行配置。因為是 runtime-only 模式，所以會出現下列報錯。

配置完畢後，還是使用 ./node_modules/.bin/parcel index.html 進行打包編譯，或者使用，效果是一樣的。

npx parcel index.html

清除快取

建議先清除第一次編譯失敗的快取。或者在末尾使用 --no-cache

rm -rf .cache