औजार के निर्माण करीं
हमनी के दस्तावेज बनावे, स्रोत कोड संकलित करे, परीक्षण चलावे, आ अउरी बहुत कुछ करे खातिर बूटस्ट्रैप के शामिल npm स्क्रिप्ट के इस्तेमाल करे के तरीका सीखीं।
टूलिंग सेटअप के बारे में बतावल गइल बा
बूटस्ट्रैप अपना बिल्ड सिस्टम खातिर npm स्क्रिप्ट के इस्तेमाल करेला। हमनी के package.json में फ्रेमवर्क के साथ काम करे खातिर सुविधाजनक तरीका शामिल बा, जवना में कोड के संकलन, परीक्षण चलावल, आ अउरी बहुत कुछ शामिल बा।
हमनी के बिल्ड सिस्टम के इस्तेमाल करे खातिर आ हमनी के डॉक्यूमेंटेशन के स्थानीय रूप से चलावे खातिर, रउआँ के बूटस्ट्रैप के स्रोत फाइल आ नोड के कॉपी के जरूरत पड़ी। एह स्टेप सभ के पालन करीं आ रउआँ के रॉक करे खातिर तइयार होखे के चाहीं:
- Node.js डाउनलोड करीं आ इंस्टॉल करीं , जवना के हमनी का अपना निर्भरता के प्रबंधन करे खातिर इस्तेमाल करीले.
- या त बूटस्ट्रैप के स्रोत डाउनलोड करीं या बूटस्ट्रैप के रिपोजिटरी के कांटा करीं ।
- रूट
/bootstrap
डाइरेक्टरी में जा के package.jsonnpm install
में सूचीबद्ध हमनी के स्थानीय निर्भरता के इंस्टॉल करे खातिर चलाईं ।
जब पूरा हो जाई त रउआ कमांड लाइन से दिहल गईल विभिन्न कमांड के चला सकेनी।
एनपीएम स्क्रिप्ट के इस्तेमाल कइल जा रहल बा
हमनी के package.json में प्रोजेक्ट के विकास खातिर कई गो काम शामिल बा। npm run
अपना टर्मिनल में सभ npm स्क्रिप्ट देखे खातिर चलाईं । प्राथमिक काम में शामिल बा:
काम | बिबरन |
---|---|
npm start |
सीएसएस आ जावास्क्रिप्ट के संकलित करे ला, दस्तावेज बनावे ला आ लोकल सर्वर शुरू करे ला। |
npm run dist |
dist/ संकलित फाइल सभ के साथ डाइरेक्टरी बनावे ला । Sass , Autoprefixer , आ terser के जरूरत बा . |
npm test |
चलावे के बाद स्थानीय रूप से परीक्षण चलावेलाnpm run dist |
npm run docs-serve |
दस्तावेजीकरण के स्थानीय रूप से बनावेला आ चलावेला। |
ससस के बा
बूटस्ट्रैप हमनी के Sass स्रोत फाइल के CSS फाइल में संकलित करे खातिर Dart Sass के इस्तेमाल करेला (हमनी के बिल्ड प्रक्रिया में शामिल बा), आ हमनी के सलाह बा कि रउआ भी अइसने करीं अगर रउआ आपन खुद के संपत्ति पाइपलाइन के उपयोग करके Sass के संकलित कर रहल बानी। हमनी के पहिले बूटस्ट्रैप v4 खातिर नोड सैस के इस्तेमाल करत रहनी जा, लेकिन लिबसैस अवुरी एकरा ऊपर बनल पैकेज, जवना में नोड सैस भी शामिल बा, अब डिप्रीकेट हो गईल बा .
डार्ट सास 10 के गोलाई परिशुद्धता के इस्तेमाल करे ला आ दक्षता के कारण एह मान के समायोजन के अनुमति ना देला। हमनी के अपना जनरेट कइल सीएसएस के आगे के प्रोसेसिंग के दौरान, जइसे कि मिनिफिकेशन के दौरान, एह परिशुद्धता के कम ना करेनी जा, लेकिन अगर रउआ अइसन करे के चुनले बानी जा त हमनी के सलाह बा कि ब्राउजर गोलाई के समस्या से बचावे खातिर कम से कम 6 के परिशुद्धता बना के रखीं।
ऑटोप्रिफिक्सर के बा
बूटस्ट्रैप ऑटोप्रिफिक्सर (हमनी के बिल्ड प्रक्रिया में शामिल) के इस्तेमाल करे ला जे बिल्ड के समय कुछ CSS गुण सभ में विक्रेता उपसर्ग सभ के स्वचालित रूप से जोड़ सके ला। अइसन कइला से हमनी के समय आ कोड के बचत होला काहें से कि हमनी के एक बेर अपना सीएसएस के प्रमुख हिस्सा लिखे के इजाजत मिले ला जबकि v3 में पावल जाए वाला वेंडर मिक्सिन नियर वेंडर मिक्सिन के जरूरत ना पड़े ला।
हमनी के ऑटोप्रिफिक्सर के माध्यम से समर्थित ब्राउजर के सूची के अपना गिटहब रिपोजिटरी के भीतर एगो अलग फाइल में रखेनी जा। विस्तार से जाने खातिर .browserslistrc देखल जाव ।
आरटीएलसीएसएस के बा
बूटस्ट्रैप RTLCSS के इस्तेमाल संकलित CSS के प्रोसेस करे खातिर करे ला आ इनहन के RTL में बदल देला – मूल रूप से क्षैतिज दिशा जागरूक गुण (उदाहरण खातिर padding-left
) सभ के बदल के इनहन के बिपरीत। एह से हमनी के खाली एक बेर आपन सीएसएस लिखे के मौका मिलेला आ आरटीएलसीएसएस कंट्रोल आ वैल्यू डायरेक्टिव के इस्तेमाल से छोट-मोट ट्वीक्स करे के मौका मिलेला .
स्थानीय दस्तावेजीकरण के बारे में बतावल गइल बा
हमनी के दस्तावेजीकरण के स्थानीय रूप से चलावे खातिर ह्यूगो के इस्तेमाल के जरूरत होला, जवन hugo-bin npm पैकेज के माध्यम से इंस्टॉल हो जाला। ह्यूगो एगो धधकत तेज आ काफी बिस्तार करे लायक स्थिर साइट जनरेटर हवे जे हमनी के उपलब्ध करावे ला: बेसिक में शामिल बा, मार्कडाउन आधारित फाइल, टेम्पलेट, आ अउरी बहुत कुछ। एकरा के शुरू करे के तरीका दिहल जा रहल बा:
- सभ निर्भरता के इंस्टॉल करे खातिर ऊपर दिहल टूलिंग सेटअप के माध्यम से चलाईं ।
- रूट डाइरेक्टरी से , कमांड लाइन में
/bootstrap
चलाईं ।npm run docs-serve
http://localhost:9001/
अपना ब्राउजर में खोलीं , आ voilà.
ह्यूगो के इस्तेमाल के बारे में एकर दस्तावेज पढ़ के अउरी जानें .
समस्या के निवारण हो रहल बा
अगर रउआँ के निर्भरता इंस्टॉल करे में समस्या होखे के चाहीं, त पहिले के सभ निर्भरता संस्करण (ग्लोबल आ लोकल) के अनइंस्टॉल करीं। एकरा बाद, दोबारा चलावे npm install
के बा .