dry
1.0.0
Dry は Liquid テンプレート言語のスーパーセットであり、高度な継承機能などの最上級のサポートを備えています。
このプロジェクトの作者、ジョン シュリンカートをフォローし、❤️ とサポートを示すためにプロジェクトに主演することを検討してください。
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 で必要なほぼすべてのことを行うことができます。
タグ、フィルター、変数など!
Liquid テンプレート言語のすべての機能については、Shopify の Liquid のドキュメントを参照してください。リキッドでできるならドライでもできるはずです。 (Dry でそれができない場合、それはバグです。問題を作成していただくようお願いいたします。ありがとう!)
ドキュメントは準備中です。それまでの間、この Liquid ドキュメントを使用してすべての言語機能について学習し、上記のコード スニペットを使用してテンプレートをレンダリングすることができます。
?このリリースには時間がかかりました。ここでいくつかのハイライトをご紹介します。
まず最初に
戻ってきました！最近あまり外出していないのはわかっていますが、すべてが変わろうとしています。 @doowb のすべてのスポンサーと GitHub 上の友人たちに感謝します。彼らは私がカムバックを始めるのに必要な励ましとサポートを提供してくれました。
更新情報を受け取るために私とこのリポジトリをフォローすることを検討してください。また、Dry を Node.js で最も強力なテンプレート ライブラリにできるように、Dry に貢献することを検討してください。
なぜ乾燥するのか？ React と Vue は未来ではないでしょうか?
はい、そうです。ドライは彼らと競合しません。 Shopify や Jekyll が Liquid を使用するのと同じ方法で、Dry を使用します。多くのエンドユーザーは JavaScript の書き方を知りません。また、多くの開発者は JavaScript を記述したくないと考えています。私は JavaScript を書くのが大好きで、Vue や React も楽しんでいますが、プレーン テキストの HTML テンプレートを使用して 5 分でサイトをデプロイできることに満足しています。また、Dry を使用して、電子メール テンプレート、構成ベースのシステム メッセージなどを設計およびレンダリングします。
ドライと何が違うの？
Dry は、テンプレート継承の最上級のサポートを備えた Shopify の Liquid のスーパーセットです (ああ...だから、同じことを繰り返す必要はありません。つまり、「ドライ」です。わかっています... 現時点で私が持っているのはこれだけです)。
このPRのハイライト
{% 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 テンプレートで行う必要があります。)
Readme を生成するには、次のコマンドを実行します。
$ npm install -g verbose/verb#dev verb-generate-readme && verbジョン・シュリンカート
著作権 © 2021、ジョン・シュリンカート。 MITライセンスに基づいてリリースされています。
このファイルは、2021 年 7 月 20 日に、verb-generate-readme v0.8.0 によって生成されました。
