parcel打包器 很好用的打包器
阿新 • • 發佈:2018-12-18
PARCEL
AUTHOR LEN
- parcel 是一個即時編譯且原生支援熱更新和es6+TS語法的打包器 它擁有極快的效能
- parcel 支援npm 和yarn 來安裝
- npm install -g parcel-bundler (-g的意思是全域性安裝以後你在每個目錄下都可以使用parcel 這個命令)
- 注意npm 基於node 使用前需安裝node 版本選擇最新穩定版即可 npm -v 彈出版本就是正常的
- 之後你 需要以一個html檔案 為開頭來打包你的檔案哪。 如:parcel index.html
命令列
- parcel index.html (熱更新模式: 當前檔案並且啟動熱更新服務,以後你只需要改變檔案內容parcel會自動幫你更新到頁面上無需重複重新整理)
- parcel build index.html (生產模式:用於生產環境的部署)
parcel 支援common.js 和es語法 import 來載入模組
打包器 loader
- Babel 是一個流行的 JavaScript 轉譯器 new feil .babelrc
- PostCSS 是一個用外掛轉換 CSS 的工具 new feil .postc***c
- PostHTML 是一個用外掛轉換 HTML 的工具 new feil .posthtmlrc
- TypeScript 是 JavaScript 型別的超集無需任何配置即可支援