Parcel 是和webpack類似的打包工具,但是不需要做額外過多的配置,用起來比較簡單。
- 地址
https://github.com/parcel-bundler/parcel
- 安裝
npm install parcel@next -D
-
配置命令
image.png - 當我們運行 npm run test的時候,parcel這個打包工具,會幫我們分析index.html里的代碼,發現里邊引入了 ts文件,它會自動幫我們對ts文件進行編譯,編譯成瀏覽器能夠運行的代碼. 還會幫我們啟動一個服務器在localhost,默認端口號是1234,我們去訪問這個這個
http://localhost:1234/
,它會把編譯后的內容返回給我們。這樣我們看到的網頁,實際上是ts編譯過后,可以運行的代碼。