Dry 是 Liquid 模板語言的超集,對高級繼承功能等提供一流的支援。
請考慮關注該專案的作者 Jon Schlinkert,並考慮為該專案加星以表達您的❤️和支持。
使用 npm 安裝(需要 Node.js >=14):
$ npm install --save dry
最簡單的入門方法是使用render
方法,該方法採用模板字串和資料物件(「上下文」)。
const { render } = require ( 'dry' ) ; // render is async
console . log ( await render ( 'Hello, {{ name }}!' , { name : 'Brian' } ) ) ; //=> Hello, Brian!
使用上面的程式碼,您幾乎可以用 Dry 完成您需要做的所有事情。
標籤、過濾器、變數等等!
請參閱 Shopify Liquid 的文檔,以了解 Liquid 模板語言中的所有功能。如果你能用液體做到這一點,那麼你應該也能用乾燥做到這一點。 (如果你不能用 Dry 做到這一點,那就是一個錯誤,我們懇請你創建一個問題,謝謝!)
文件正在路上。同時,您可以使用此 Liquid 文件來了解所有語言功能,並使用上面的程式碼片段來渲染您的範本!
?這次發布花了一段時間。以下是一些亮點!
首先要事
我回來了!我知道我最近不在身邊,但這一切都即將改變!感謝 @doowb 我在 GitHub 上的所有贊助商和朋友,他們提供了我開始捲土重來所需的鼓勵和支持。
請考慮關注我和此存儲庫以接收更新,並考慮為 Dry 做出貢獻,以便我們可以使其成為 Node.js 中最強大的模板庫!
為什麼要乾燥? React 和 Vue 不是未來嗎?
是的,是的,他們是。 Dry 不與他們競爭。我們使用 Dry 就像 Shopify 和 Jekyll 使用 Liquid 一樣,許多最終用戶不知道如何編寫 JavaScript,並且許多開發人員寧願不編寫 JavaScript - 我喜歡編寫 JavaScript,並且喜歡 Vue 和 React,但是有使用純文本html 模板在5分鐘內部署一個站點是一件令人滿意的事情。我們也使用 Dry 來設計和渲染電子郵件範本、基於配置的系統訊息等。
乾貨有什麼不同?
Dry 是 Shopify Liquid 的超集,對模板繼承提供一流的支援(咳嗽……所以你不必重複自己。所以它是「dry」。我知道……這就是我目前所擁有的)。
此公關的亮點
{% from 'fields' import input as input_field, textarea %}
還有更多!
帶有前導+
標籤被加到Dry中:
(我們很快就會添加更多標籤!例如 Shopify 使用的section
和其他標籤)
+ Apply
Assign
+ Block
Break
Capture
Case
Comment
+ Content
Continue
Cycle
Decrement
Echo
+ Embed
+ Extends
For
+ From
If
Ifchanged
+ Import
Include
Increment
+ Layout
Liquid
+ Macro
+ Paginate
Raw
Render
+ Set
+ Switch
TableRow
Unless
+ Verbatim
+ With
拉取請求和星星總是受歡迎的。對於錯誤和功能請求,請建立問題。
請閱讀貢獻指南,以取得開放問題、拉取請求和編碼標準的建議。
運行和審查單元測試是熟悉程式庫及其 API 的好方法。您可以使用以下命令安裝依賴項並執行測試:
$ npm install && npm test
(本專案的readme.md是由verb產生的,請不要直接編輯readme。對readme的任何變更都必須在.verb.md readme範本中進行。)
若要產生自述文件,請執行以下命令:
$ npm install -g verbose/verb#dev verb-generate-readme && verb
喬恩‧施林克特
版權所有 © 2021,喬恩‧施林克特。根據 MIT 許可證發布。
該檔案由 verb-generate-readme v0.8.0 於 2021 年 7 月 20 日產生。