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

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

完結

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章