本文是構造 UI 輪子過程中搭建項目初始化時使用 Parcel 作為打包器的簡要使用記錄。 安裝 參考 官方文檔 使用 npm 進行 parcel-bundler 的安裝。 為什麼要用 -D ? 如果一個 npm 包是給用戶使用的,不用加 -D。如果是給開發者使用,需要加 -D。(或者全局安裝) 打 ...
本文是構造 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