dry
1.0.0
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's Liquid เพื่อเรียนรู้เกี่ยวกับฟีเจอร์ทั้งหมดในภาษาเทมเพลต Liquid ถ้าทำแบบ Liquid ได้ ก็ควรทำแบบ Dry ครับ (และหากคุณไม่สามารถทำได้โดยใช้ Dry ก็แสดงว่ามันเป็นข้อผิดพลาด และเราขอให้คุณสร้างปัญหาขึ้น ขอบคุณ!)
เอกสารกำลังเดินทาง ในระหว่างนี้ คุณสามารถใช้เอกสาร Liquid นี้เพื่อเรียนรู้เกี่ยวกับฟีเจอร์ภาษาทั้งหมด และใช้ข้อมูลโค้ดด้านบนเพื่อแสดงเทมเพลตของคุณ!
- การเปิดตัวครั้งนี้ใช้เวลาสักครู่ นี่คือไฮไลท์บางส่วน!
สิ่งแรกก่อน
ฉันกลับมาแล้ว! ฉันรู้ว่าช่วงนี้ฉันไม่ได้ไปไหนมาไหนบ่อยนัก แต่ทั้งหมดกำลังจะเปลี่ยนไป! ขอขอบคุณ @doowb ผู้สนับสนุนและเพื่อน ๆ ทุกคนใน GitHub ที่ได้ให้การสนับสนุนและการสนับสนุนที่ฉันต้องการเพื่อเริ่มการกลับมาครั้งนี้
โปรดพิจารณาติดตามฉันและพื้นที่เก็บข้อมูลนี้เพื่อรับการอัปเดต และพิจารณามีส่วนร่วมกับ Dry เพื่อให้เราสามารถสร้างไลบรารีเทมเพลตที่ทรงพลังที่สุดใน Node.js ได้!
ทำไมต้องแห้ง? React และ Vue ไม่ใช่อนาคตใช่ไหม
ใช่แล้ว พวกเขาเป็นเช่นนั้น ดรายไม่แข่งขันกับพวกเขา เราใช้ Dry ในลักษณะเดียวกับที่ Shopify และ Jekyll ใช้ Liquid ผู้ใช้ปลายทางหลายคนไม่รู้วิธีเขียน JavaScript และนักพัฒนาหลายคนไม่ต้องการเขียน JavaScript ฉันชอบเขียน JavaScript และฉันชอบ Vue และ React แต่ก็มี สิ่งที่น่าพอใจเกี่ยวกับการปรับใช้ไซต์ใน 5 นาทีโดยใช้เทมเพลต html แบบข้อความธรรมดา นอกจากนี้เรายังใช้ Dry เพื่อออกแบบและเรนเดอร์เทมเพลตอีเมล ข้อความระบบตามการกำหนดค่า และอื่นๆ
Dry แตกต่างอย่างไร?
Dry เป็นชุดที่เหนือกว่าของ Liquid ของ Shopify ที่มีการรองรับระดับเฟิร์สคลาสสำหรับการสืบทอดเทมเพลต (อะแฮ่ม... คุณไม่ต้องทำซ้ำตัวเอง ดังนั้นจึง "แห้ง" ฉันรู้... มันคือทั้งหมดที่ฉันมีในขณะนี้)
จุดเด่นของการประชาสัมพันธ์ครั้งนี้
{% from 'fields' import input as input_field, textarea %}อีกมากมาย!
แท็กที่มีเครื่องหมาย + นำหน้าถูกเพิ่มลงใน Dry:
(เราจะเพิ่มแท็กเพิ่มเติมเร็ว ๆ นี้! section ไลค์และแท็กอื่น ๆ ที่ Shopify ใช้)
+ 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 ของโปรเจ็กต์นี้สร้างด้วยคำกริยา โปรดอย่าแก้ไข readme โดยตรง การเปลี่ยนแปลงใด ๆ ใน readme จะต้องดำเนินการในเทมเพลต .verb.md readme)
หากต้องการสร้าง readme ให้รันคำสั่งต่อไปนี้:
$ npm install -g verbose/verb#dev verb-generate-readme && verbจอน ชลินเคิร์ต
ลิขสิทธิ์ © 2021, จอน ชลินเคิร์ต เผยแพร่ภายใต้ใบอนุญาต MIT
ไฟล์นี้สร้างโดย verb-generate-readme เวอร์ชัน 0.8.0 เมื่อวันที่ 20 กรกฎาคม 2021
