उपकरणानि निर्मायताम्
अस्माकं दस्तावेजीकरणस्य निर्माणार्थं, स्रोतसङ्केतस्य संकलनार्थं, परीक्षणं चालयितुं, इत्यादीनि च Bootstrap इत्यस्य समाविष्टानां npm स्क्रिप्ट् इत्यस्य उपयोगं कथं करणीयम् इति ज्ञातव्यम् ।
टूलिंग सेटअप
बूटस्ट्रैप् स्वस्य बिल्ड् सिस्टम् कृते npm स्क्रिप्ट् इत्यस्य उपयोगं करोति । अस्माकं package.json इत्यत्र framework इत्यनेन सह कार्यं कर्तुं सुविधाजनकाः पद्धतयः सन्ति, यथा कोड् संकलनं, परीक्षणं चालयति, इत्यादीनि ।
अस्माकं build system इत्यस्य उपयोगाय अस्माकं documentation इत्येतत् स्थानीयरूपेण चालयितुं च, भवद्भ्यः Bootstrap इत्यस्य source files इत्यस्य Node इत्यस्य च प्रतिलिपिः आवश्यकी भविष्यति । एतानि पदानि अनुसृत्य भवन्तः हिलितुं सज्जाः भवेयुः।
- Node.js डाउनलोड् कृत्वा संस्थापयन्तु , यस्य उपयोगं वयं स्वनिर्भरतां प्रबन्धयितुं कुर्मः ।
- मूलनिर्देशिकायां गत्वा package.json मध्ये सूचीकृतानि अस्माकं स्थानीयनिर्भरतां संस्थापयितुं
/bootstrapचालयन्तु ।npm install - Ruby संस्थापयन्तु , Bundler इत्यनेन सह संस्थापयन्तु
gem install bundler, अन्ते च चालयन्तुbundle install| एतेन सर्वाणि Ruby निर्भरतानि संस्थाप्यन्ते, यथा Jekyll तथा plugins ।- विण्डोज-उपयोक्तारः : Jekyll-इत्येतत् समस्यारहितं कार्यं कर्तुं एतत् मार्गदर्शिकां पठन्तु ।
समाप्ते सति, भवन्तः आदेशपङ्क्तौ प्रदत्तान् विविधान् आदेशान् चालयितुं शक्नुवन्ति ।
npm लिपियों का प्रयोग करते हुए
अस्माकं package.json इत्यत्र निम्नलिखित आदेशाः कार्याणि च सन्ति ।
| कार्य | वर्णनम् |
|---|---|
npm run dist |
npm run dist/dist/संकलितसञ्चिकाभिः सह निर्देशिकां निर्माति । Sass , Autoprefixer , UglifyJS इत्येतयोः उपयोगं करोति । |
npm test |
प्लस् इव npm run distइदं स्थानीयतया परीक्षणं चालयति |
npm run docs |
docs कृते CSS तथा JavaScript इत्यस्य निर्माणं लिण्ट् च करोति । ततः भवान् दस्तावेजीकरणं स्थानीयतया चालयितुं शक्नोति npm run docs-serve. |
npm runसर्वाणि npm स्क्रिप्ट् द्रष्टुं चालयन्तु ।
स्वयम् उपसर्गः
Bootstrap Autoprefixer (अस्माकं निर्माणप्रक्रियायां समाविष्टम्) इत्यस्य उपयोगं करोति यत् स्वयमेव निर्माणसमये केषुचित् CSS गुणेषु विक्रेता उपसर्गं योजयति । एतत् कृत्वा अस्माकं CSS इत्यस्य प्रमुखभागान् एकवारं लिखितुं अनुमतिं दत्त्वा अस्माकं समयस्य कोडस्य च रक्षणं भवति तथा च v3 इत्यस्मिन् दृश्यमानानां इव विक्रेता-मिक्सिन्-इत्यस्य आवश्यकतां निवारयति ।
वयं अस्माकं GitHub भण्डारस्य अन्तः पृथक् सञ्चिकायां Autoprefixer मार्गेण समर्थितानां ब्राउजर्-सूचीं परिपालयामः । विस्तरेण .browserslistrc पश्यन्तु ।
स्थानीय दस्तावेजीकरणम्
अस्माकं दस्तावेजीकरणं स्थानीयरूपेण चालयितुं Jekyll इत्यस्य उपयोगस्य आवश्यकता वर्तते, एकः सभ्यतया लचीलः स्थिरसाइट् जनरेटरः यः अस्मान् प्रदाति: मूलभूताः समाविष्टाः, Markdown-आधारिताः सञ्चिकाः, टेम्पलेट्, इत्यादीनि। अत्र कथं आरम्भः कर्तव्यः इति दर्शितम् अस्ति :
- Jekyll (साइट् builder) इत्यादीनि Ruby निर्भरतानि च संस्थापयितुं उपरि टूलिंग सेटअप मार्गेण चालयन्तु
bundle install। - मूलनिर्देशिकातः आदेशपङ्क्तौ चालयन्तु
/bootstrap।npm run docs-serve - भवतः ब्राउजरे उद्घाटयन्तु
http://localhost:9001, तथा voilà.
Jekyll इत्यस्य दस्तावेजीकरणं पठित्वा तस्य उपयोगस्य विषये अधिकं ज्ञातुं शक्नुवन्ति .
समस्या निवारणम्
यदि भवान् निर्भरतास्थापनस्य समस्यां प्राप्नोति तर्हि पूर्ववर्तीनां सर्वेषां निर्भरतासंस्करणानाम् (वैश्विकं स्थानीयं च) विस्थापयतु । ततः, पुनः चालयन्तु npm install.