Harp EJS

2021-09-24 19:10 更新

EJS 是 "Embedded JavaScript" 的縮寫(xiě),描述的很好:通過(guò)嵌入具有 JavaScript 特色的功能來(lái)進(jìn)行 HTML 模板渲染。這讓你在 你的元數(shù)據(jù) 上進(jìn)行遍歷,包含 局部視圖,還有其他的。

EJS 比較通俗,因?yàn)橹饕?HTML,但又具有額外的功能讓你有效地復(fù)用你的項(xiàng)目代碼塊。如果你有一個(gè)現(xiàn)有的 HTML 項(xiàng)目,你所需做的全部工作就是用 .ejs 擴(kuò)展名重命名文件,然后你就可以使用 EJS 的特色功能了。

Jade,另外一個(gè) HTML 預(yù)處理器,也是與 Harp 工作的相當(dāng)好,你可以嘗試一下。

用法

Harp 的 Asset Pipeline 用起來(lái)相當(dāng)簡(jiǎn)單。所有的處理過(guò)程都是靜默完成的,不需要進(jìn)行任何設(shè)置。只需要將你的文件用 .ejs 擴(kuò)展名來(lái)命名,而不是 .html,Harp 會(huì)將它看做是 .html 文件。

示例

這個(gè)項(xiàng)目在根目錄中包含一個(gè) index.ejs 和一個(gè) about.ejs 文件。

myproject/
  |- index.ejs
  +- about.ejs

index.ejs 和 about.ejs 都會(huì)被當(dāng)作 .html 文件。因此,如下路徑的請(qǐng)求都會(huì)成功:

  • /
  • /index
  • /index.html
  • /about
  • /about.html

Harp 的編譯步驟也會(huì)將文件導(dǎo)出為 index.html 和 about.html

管理文件擴(kuò)展名

你有可能會(huì)想使用 EJS 創(chuàng)建另外一個(gè)基于 markup 文件,而不是 .html。沒(méi)問(wèn)題:只需要將你想要的擴(kuò)展名放在 .ejs 前面。例如,feed.xml.ejs 會(huì)被 Harp 當(dāng)作 feed.xml 進(jìn)行解析。

還可以參考


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)