Tufte-css: प्रोजेक्ट में बिल्ड जोड़ें

को निर्मित 6 नव॰ 2017 · 5टिप्पणियाँ · स्रोत: edwardtufte/tufte-css

एक अतिरिक्त बिल्ड CSS से एक छोटा संस्करण बना सकता है, जिसे tufle.min.css कहा जाता है, यह Autoprefixer/PostCSS के माध्यम से आवश्यक सभी विक्रेता उपसर्गों को स्वतः जोड़ सकता है।

यह सब काम करने के लिए, हम इसे दो तरीकों से कर सकते हैं:

ट्रैविस के साथ आदर्श रूप से gh-pages शाखा में निर्मित एक मास्टर शाखा बनाएं, ताकि मास्टर के अपडेट होने पर यह हर बार हो।
एक src फ़ोल्डर बनाएं जिसमें स्रोत हो, और एक आउटपुट फ़ोल्डर जिसे dest कहा जाता है जो बिल्ड कलाकृतियों को रखता है। फिर बस HTML में गंतव्य संस्करण को इंगित करें। आपको npm स्थापित करना होगा, और बिल्ड फ़ाइलों को स्वयं करना होगा।

मैं संस्करण 1 की सिफारिश करूंगा, और मैं इसका अधिकांश भाग पीआर के साथ सेट कर सकूंगा। लेकिन शाखाओं को कॉन्फ़िगर करने के लिए हमें एक योगदानकर्ता/स्वामी की आवश्यकता होगी। लेकिन मेरे विचार से यह सबसे अच्छा समाधान होगा। मुझे बताएं कि आप क्या पसंद करेंगे।

#119 के मुद्दे को इससे बहुत फायदा होगा। और जो लोग इस पुस्तकालय का उपयोग करना चाहते हैं वे भी अनुकूलित संस्करण का उपयोग कर सकते हैं।

स्रोत

Saturate

सबसे उपयोगी टिप्पणी

कई वेब प्रोजेक्ट अब npm का उपयोग पैकेज मैनेजर के रूप में करते हैं। यह बहुत अच्छा होगा यदि आप एक package.json फ़ाइल को बिल्ड स्टेप के साथ शामिल करते हैं और पैकेज को npm रजिस्ट्री में प्रकाशित करते हैं। यह आसान स्थापना, आयात और उन्नयन की अनुमति देगा।

tacomanator 9 नव॰ 2017

👍3

सभी 5 टिप्पणियाँ

यह संभावना भी जोड़ देगा, कम या एससीएसएस जैसे प्रोसेसर का उपयोग करने के लिए, हालांकि यह अधिक हो सकता है, इस परियोजना का आकार बहुत छोटा है। तो मैं वास्तव में इसकी अनुशंसा नहीं करता।

Saturate 6 नव॰ 2017

न्यूनतमीकरण केवल tufte.css को प्रभावित करेगा, फ़ॉन्ट फ़ाइलों को नहीं, सही?

मेरे परीक्षण इस बचत को दिखाते हैं ~ 4kb।

daveliepmann 6 नव॰ 2017

यह सही लगता है, मेरे परीक्षण में हम 12172 bytes बाइट्स से 7839 bytes । यह बहुत अधिक नहीं लग सकता है, लेकिन यह सब मायने रखता है। मुझे लगता है कि autoprefixer -part इसे कम करने और इसे बनाए रखने में मदद करेगा।

अभी आप बहुत सारे अप्रयुक्त विक्रेता उपसर्गों को परिभाषित करते हैं, इनका उपयोग केवल Google और फ़ायरफ़ॉक्स के बहुत पुराने संस्करणों द्वारा किया जाता है, यह देखते हुए कि ये स्वयं अपडेट किए गए हैं, लगभग कोई भी निकाय पुराने संस्करणों का उपयोग नहीं कर रहा है। यह सिर्फ सीएसएस फ़ाइल को फुला रहा है, और सीएसएस पृष्ठ के प्रतिपादन के लिए बहुत महत्वपूर्ण है।

फ़ॉन्ट प्रभावित नहीं हैं, woff2 पहले से ही संकुचित है। लेकिन अगर वे Google फ़ॉन्ट या किसी अन्य सेवा पर मौजूद हैं, तो आप उन्हें कैशिंग करके थोड़ा सा लाभ प्राप्त कर सकते हैं। इससे अन्य लोगों के लिए फ़ॉन्ट तक पहुंच प्राप्त करना भी आसान हो जाएगा, अभी उन्हें इसे डाउनलोड करने की आवश्यकता है - लेकिन हो सकता है कि फ़ॉन्ट सीडीएन (सामग्री वितरण नेटवर्क) पर उपलब्ध न हो।

शायद सबसे बड़ा लाभ वेबसाइट के लिए क्रिटिकल सीएसएस को एचटीएमएल में इनलाइन करना होगा - यह बिल्ड स्टेप के साथ भी किया जा सकता है, लेकिन अन्य लोगों की मदद नहीं करेगा जो शैलियों का उपयोग कर रहे हैं।

Saturate 6 नव॰ 2017

tacomanator 9 नव॰ 2017

👍3

@Saturate मैंने आपकी टिप्पणी के इस हिस्से को पूरी तरह से देखा है:

अभी आप बहुत सारे अप्रयुक्त विक्रेता उपसर्गों को परिभाषित करते हैं, इनका उपयोग केवल Google और फ़ायरफ़ॉक्स के बहुत पुराने संस्करणों द्वारा किया जाता है, यह देखते हुए कि ये स्वयं अपडेट किए गए हैं, लगभग कोई भी निकाय पुराने संस्करणों का उपयोग नहीं कर रहा है। यह सिर्फ CSS फ़ाइल को फुला रहा है

मैं नहीं देखता कि Tufte CSS यह कहाँ करता है। इसे ऑटो-प्रीफिक्सर के माध्यम से चलाने से केवल कुछ background-size मिटता है। क्या आपको यहां अधिक संभावित हटाए गए कोड दिखाई दे रहे हैं?

daveliepmann 2 सित॰ 2019

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Tufte-css: प्रोजेक्ट में बिल्ड जोड़ें

सबसे उपयोगी टिप्पणी

सभी 5 टिप्पणियाँ

संबंधित मुद्दों