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