Source

उपकरणहरू निर्माण गर्नुहोस्

हाम्रो कागजातहरू निर्माण गर्न, स्रोत कोड कम्पाइल गर्न, परीक्षणहरू चलाउन र थप कुराहरू गर्न Bootstrap को समावेश npm स्क्रिप्टहरू कसरी प्रयोग गर्ने सिक्नुहोस्।

उपकरण सेटअप

बुटस्ट्र्यापले यसको निर्माण प्रणालीको लागि एनपीएम स्क्रिप्टहरू प्रयोग गर्दछ। हाम्रो package.json ले फ्रेमवर्कसँग काम गर्नका लागि सुविधाजनक विधिहरू समावेश गर्दछ, कोड कम्पाइल गर्ने, चलिरहेको परीक्षणहरू र थप कुराहरू समावेश गर्दछ।

हाम्रो निर्माण प्रणाली प्रयोग गर्न र स्थानीय रूपमा हाम्रो कागजातहरू चलाउन, तपाईंलाई बुटस्ट्र्यापको स्रोत फाइलहरू र नोडको प्रतिलिपि चाहिन्छ। यी चरणहरू पालना गर्नुहोस् र तपाईं रक गर्न तयार हुनुपर्छ:

  1. डाउनलोड गर्नुहोस् र Node.js स्थापना गर्नुहोस् , जुन हामीले हाम्रो निर्भरताहरू व्यवस्थापन गर्न प्रयोग गर्छौं।
  2. /bootstrapरूट डाइरेक्टरीमा नेभिगेट गर्नुहोस् र package.jsonnpm install मा सूचीबद्ध हाम्रो स्थानीय निर्भरताहरू स्थापना गर्न चलाउनुहोस् ।
  3. रुबी स्थापना गर्नुहोस्, बन्डलरसँग स्थापना गर्नुहोस् gem install bundler, र अन्तमा चलाउनुहोस् bundle install। यसले सबै रुबी निर्भरताहरू स्थापना गर्नेछ, जस्तै Jekyll र प्लगइनहरू।
    • विन्डोज प्रयोगकर्ताहरू: Jekyll लाई अप र समस्या बिना चलाउनको लागि यो गाइड पढ्नुहोस् ।

पूरा भएपछि, तपाइँ कमाण्ड लाइनबाट प्रदान गरिएका विभिन्न आदेशहरू चलाउन सक्षम हुनुहुनेछ।

npm स्क्रिप्टहरू प्रयोग गर्दै

हाम्रो 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 npm runस्क्रिप्टहरू हेर्न दौडनुहोस्।

Autoprefixer

बुटस्ट्र्यापले निर्माण समयमा केही CSS गुणहरूमा विक्रेता उपसर्गहरू स्वतः थप्नको लागि Autoprefixer (हाम्रो निर्माण प्रक्रियामा समावेश) प्रयोग गर्दछ। त्यसो गर्दा v3 मा पाइने जस्तै विक्रेता मिक्सिनहरूको आवश्यकतालाई हटाउँदै हामीलाई हाम्रो CSS को मुख्य भागहरू एक पटक लेख्न अनुमति दिएर हाम्रो समय र कोड बचत गर्छ।

हामी हाम्रो GitHub भण्डार भित्र एउटा छुट्टै फाइलमा Autoprefixer मार्फत समर्थित ब्राउजरहरूको सूची कायम राख्छौं। विवरणहरूको लागि .browserslistrc हेर्नुहोस् ।

स्थानीय कागजात

हाम्रो कागजात स्थानीय रूपमा चलाउन Jekyll को प्रयोग आवश्यक छ, एक सभ्य लचिलो स्थिर साइट जनरेटर जसले हामीलाई प्रदान गर्दछ: आधारभूत समावेश, मार्कडाउन-आधारित फाइलहरू, टेम्प्लेटहरू, र थप। यसलाई कसरी सुरु गर्ने भन्ने यहाँ छ:

  1. Jekyll (साइट निर्माणकर्ता) र अन्य रूबी निर्भरताहरू स्थापना गर्न माथिको टूलिङ सेटअप मार्फत चलाउनुहोस् bundle install
  2. रूट /bootstrapडाइरेक्टरीबाट, npm run docs-serveकमांड लाइनमा चलाउनुहोस्।
  3. आफ्नो ब्राउजरमा खोल्नुहोस् http://localhost:9001, र voilà।

Jekyll को कागजात पढेर प्रयोग गर्ने बारे थप जान्नुहोस् ।

समस्या निवारण

यदि तपाइँ निर्भरताहरू स्थापना गर्न समस्याहरू सामना गर्नुहुन्छ भने, सबै अघिल्लो निर्भरता संस्करणहरू (ग्लोबल र स्थानीय) को स्थापना रद्द गर्नुहोस्। त्यसपछि, पुन: चलाउनुहोस् npm install