溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

parcel打包器 很好用的打包器

發(fā)布時間：2020-05-30 16:13:51 來源：網(wǎng)絡(luò) 閱讀：403 作者：葉夢青衫 欄目：web開發(fā)

PARCEL

  • parcel 是一個即時編譯且原生支持熱更新和es6+TS語法的打包器 它擁有極快的性能
  • parcel 支持npm 和yarn 來安裝
  • npm install -g parcel-bundler (-g的意思是全局安裝以后你在每個目錄下都可以使用parcel 這個命令)
  • 注意npm 基于node 使用前需安裝node 版本選擇最新穩(wěn)定版即可 npm -v 彈出版本就是正常的
  • 之后你 需要以一個html文件 為開頭來打包你的文件哪。 如：parcel index.html

命令行

  • parcel index.html (熱更新模式: 當前文件并且啟動熱更新服務(wù),以后你只需要改變文件內(nèi)容parcel會自動幫你更新到頁面上無需重復(fù)刷新)
  • parcel build index.html (生產(chǎn)模式：用于生產(chǎn)環(huán)境的部署)

parcel 支持common.js 和es語法 import 來加載模塊

打包器 loader

  • Babel 是一個流行的 JavaScript 轉(zhuǎn)譯器 new feil .babelrc
  • PostCSS 是一個用插件轉(zhuǎn)換 CSS 的工具 new feil .postc***c
  • PostHTML 是一個用插件轉(zhuǎn)換 HTML 的工具 new feil .posthtmlrc
  • TypeScript 是 JavaScript 類型的超集無需任何配置即可支持
簡單的使用教程啦。。。。。。。

完結(jié)

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手