parcel打包器很好用的打包器

PARCEL

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

命令行

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

parcel 支持common.js 和es語(yǔ)法 import 來(lái)加載模塊

打包器 loader

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

完結(jié)

文章名稱:parcel打包器很好用的打包器
網(wǎng)站鏈接:http://muchs.cn/article36/ghjipg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、微信公眾號(hào)、定制開(kāi)發(fā)、網(wǎng)站策劃、網(wǎng)站制作、網(wǎng)站內(nèi)鏈

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都做網(wǎng)站