1. 程式人生 > >parcel打包器 很好用的打包器

parcel打包器 很好用的打包器

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 型別的超集無需任何配置即可支援

簡單的使用教程啦。。。。。。。

完結