Node.js: 使用 express-partials 製作 Partial View

由於 Express EJS 版本 3 去除了部份的 middleware,不再支援 layout.ejs,因此若要製作 Partial View,可使用 express-partials

步驟如下:

Step 1

安裝 express-partials

npm install express-partials

Step 2

安裝後到app.js做設定。

Step 3

在 View 中引用 Partial View,語法如下:

<% include _partial.ejs %>

Step 4

注意路徑設定,例如在 layout.ejs 引用 _meta.ejs 這個 partial view,而放 partial view 的地方是在「views > partials」,因此 _meta.ejs 要這樣被參照

<% include ../views/partials/_meta.ejs %>

就用這個方法把畫面切乾淨吧!

後記

使用 handlebars 也是不錯的選擇,筆記

Reference


這篇文章的原始位置在這裡-Node - 使用 express-partials 製作 Partial View

由於部落格搬遷至此,因此在這裡放了一份,以便閱讀;部份文章片段也做了些許修改,以期提供更好的內容。

node.js express

Summer Tang
Sponsored
Summer Tang 一對一諮詢
Summer|TSMC 主任工程師|擁有 15 年資深 Web 架構經驗,職涯歷經跨國頂尖企業與新創。專精於高流量企業級應用開發,核心技術涵蓋微前端、效能優化、測試自動化與 SEO。曾出版多本技術著作,並多次擔任 MOPCON、WebConf 等大型技術年會講者。
了解更多 →