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