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