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

parcel打包器 很好用的打包器

轉換 版本 頁面 擁有 服務 load java parcel 出版

PARCEL
  • 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 類型的超集無需任何配置即可支持

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

完結

parcel打包器 很好用的打包器