साधनां तयार करप
आमचें दस्तावेजीकरण तयार करपाक, स्त्रोत कोड संकलित करपाक, चांचण्यो चालीक लावपाक, आनी हेर जायतें करपाक Bootstrap ची समाविष्ट केल्ली npm स्क्रिप्ट कशी वापरची तें शिकात.
बूटस्ट्रॅप आपल्या बिल्ड प्रणालीखातीर NPM स्क्रिप्ट वापरता. आमच्या package.json कडेन फ्रेमवर्क वांगडा काम करपाच्यो सोयीच्यो पद्दती आसपावीत केल्यात, तातूंत कोड संकलित करप, चांचण्यो चालीक लावप, आनी हेर आसपावीत आसात.
आमची बिल्ड प्रणाली वापरपाक आनी आमचें दस्तावेजीकरण थळाव्यान चालीक लावपाक, तुमकां Bootstrap च्या स्त्रोत फायलींची आनी नोडाची प्रत जाय पडटली. ह्यो पावलां पाळचीं आनी तुमी रॉक करपाक तयार आसूंक जाय:
- Node.js डावनलोड करात आनी प्रतिष्ठापीत करात , जें आमी आमचीं अवलंबन वेवस्थापन करपाक वापरतात.
- मुळाव्या
/bootstrapनिर्देशिकेंत वचचें आनी package.jsonnpm installत दिल्ल्या आमचीं थळाव्या अवलंबनांक प्रतिष्ठापीत करपाक चालीक लावचें . - Ruby स्थापीत करात , बंडलर स्थापीत करात
gem install bundler, आनी निमाणें चालीक लावचेंbundle install. हाका लागून सगळ्यो Ruby अवलंबन प्रतिष्ठापीत जातले, जशे की Jekyll आनी प्लगइन.- Windows वापरपी: Jekyll समस्या नासतना सुरू करपाक आनी चालीक लावपाक हो मार्गदर्शक वाचात .
पुराय जातकच, तुमकां आदेश ओळींतल्यान दिल्ले वेगवेगळे आदेश चालीक लावंक मेळटले.
आमच्या package.json हातूंत सकयल दिल्ल्यो आदेश आनी कार्यां आसपावीत आसात:
| काम | वर्णन |
|---|---|
npm run dist |
npm run dist/distसंकलित फायलींनी निर्देशिका तयार करता . Sass , Autoprefixer , आनी UglifyJS वापरता . |
npm test |
तशेंच npm run distप्लस तो थळाव्यान चांचण्यो चलयता |
npm run docs |
डॉक्स खातीर CSS आनी JavaScript तयार करता आनी लिंट करता. उपरांत तुमी दस्तावेजीकरण थळाव्यान चालीक लावंक शकतात npm run docs-serve. |
npm runसगळ्यो npm स्क्रिप्ट पळोवपाक धांवचीं .
बूटस्ट्रॅप बिल्ड वेळार कांय CSS गुणधर्मांक आपोआप विक्रेतो उपसर्ग जोडपाक Autoprefixer (आमच्या बिल्ड प्रक्रियेंत आस्पाव केल्लो) वापरता. अशें केल्यार v3 त मेळपी सारकिल्या विक्रेत्याच्या मिक्सिनाची गरज ना करतना आमच्या CSS च्या मुखेल भागांक एकूच फावट बरोवपाक परवानगी दिवन आमकां वेळ आनी कोड वाचयता.
आमी Autoprefixer वरवीं समर्थीत केल्ल्या ब्राउझरांची वळेरी आमच्या GitHub रिपॉझिटरी भितर वेगळ्या फायलीन सांबाळटात. तपशीलां खातीर /package.json पळयात.
आमचें दस्तावेजीकरण थळाव्यान चालीक लावपाक Jekyll वापरपाची गरज आसा, एक सभ्य लवचीक स्थिर साइट जनरेटर जो आमकां पुरवण करता: मुळावे समाविष्ट, Markdown-आधारीत फायली, साचे, आनी हेर. ताका कशें सुरू करप तें पळयात:
- Jekyll (साइट बिल्डर) आनी हेर Ruby अवलंबनांक प्रतिष्ठापीत करपाक वयर दिल्ल्या टूलिंग सेटअपांतल्यान चालीक लावचें
bundle install. - मुळाव्या
/bootstrapनिर्देशिका वयल्यान,npm run docs-serveआदेश ओळींत चालीक लावचें. - तुमच्या ब्राउझरांत उगडात
http://localhost:9001, आनी voilà.
जेकील वापरपा विशीं ताचें दस्तावेजीकरण वाचून चड जाणून घेयात .
तुमकां अवलंबन प्रतिष्ठापीत करपाक समस्या येवंक जाय जाल्यार, आदल्यो सगळ्यो अवलंबन आवृत्त्यो (संवसारीक आनी थळावी) विस्थापित करात. मागीर, परतून चालीक लावचें npm install.