in English

اوزار ٺاھيو

سکو ته Bootstrap جي شامل ڪيل npm اسڪرپٽ کي ڪيئن استعمال ڪجي اسان جي ڊاڪيومينٽيشن ٺاهڻ، ماخذ ڪوڊ گڏ ڪرڻ، ٽيسٽ هلائڻ، ۽ وڌيڪ.

اوزار جي جوڙجڪ

Bootstrap استعمال ڪري ٿو npm اسڪرپٽ ان جي تعمير سسٽم لاءِ. اسان جي package.json ۾ فريم ورڪ سان ڪم ڪرڻ لاءِ آسان طريقا شامل آهن، بشمول ڪوڊ گڏ ڪرڻ، ٽيسٽ هلائڻ، ۽ وڌيڪ.

اسان جي تعميراتي سسٽم کي استعمال ڪرڻ ۽ مقامي طور تي اسان جي دستاويز کي هلائڻ لاء، توهان کي بوٽ اسٽريپ جي سورس فائلن ۽ نوڊ جي ڪاپي جي ضرورت پوندي. انهن قدمن تي عمل ڪريو ۽ توهان کي پٿر ڪرڻ لاء تيار ٿيڻ گهرجي:

  1. ڊائون لوڊ ۽ انسٽال ڪريو Node.js ، جيڪو اسان استعمال ڪندا آهيون اسان جي انحصار کي منظم ڪرڻ لاء.
  2. يا ته ڊائون لوڊ ڪريو بوٽ اسٽريپ جا ذريعا يا فورڪ بوٽ اسٽريپ جي مخزن .
  3. /bootstrapروٽ ڊاريڪٽري ڏانھن وڃو ۽ npm installاسان جي مقامي انحصار کي انسٽال ڪرڻ لاء ھلايو package.json .

مڪمل ٿيڻ تي، توهان ڪمانڊ لائن مان مهيا ڪيل مختلف حڪمن کي هلائڻ جي قابل هوندا.

npm اسڪرپٽ استعمال ڪندي

اسان جي package.json ۾ ھيٺيون حڪم ۽ ڪم شامل آھن:

ڪم وصف
npm run dist npm run distڊاريڪٽري ٺاهي ٿو /dist/مرتب ڪيل فائلن سان. استعمال ڪري ٿو Sass , Autoprefixer , ۽ Terser .
npm test ڊوڙڻ کان پوء مقامي طور تي ٽيسٽ هلائي ٿوnpm run dist
npm run docs-serve مقامي طور تي دستاويز ٺاهي ۽ هلائي ٿو.

سڀ npm npm runاسڪرپٽ ڏسڻ لاءِ هلو.

اسان جي اسٽارٽر پروجيڪٽ سان npm ذريعي بوٽ اسٽريپ سان شروع ڪريو! Twbs/bootstrap-npm-starter template repository ڏانھن وڃو ڏسو ته ڪيئن ٺاھيو ۽ ڪيئن ٺاھيو Bootstrap پنھنجي پنھنجي npm پروجيڪٽ ۾. شامل آهي ساس ڪمپلر، آٽو پريفيڪسر، اسٽائلنٽ، پرج سي ايس ايس، ۽ بوٽ اسٽريپ آئڪن.

ساس

Bootstrap v4 اسان جي Sass ماخذ فائلن کي CSS فائلن ۾ گڏ ڪرڻ لاءِ Node Sass استعمال ڪري ٿو (اسان جي تعمير جي عمل ۾ شامل آهي). ساڳئي ٺاهيل CSS سان ختم ڪرڻ لاءِ جڏهن توهان جي پنهنجي اثاثن واري پائپ لائن کي استعمال ڪندي Sass کي گڏ ڪري رهيا آهيو، توهان کي هڪ Sass ڪمپائلر استعمال ڪرڻ جي ضرورت پوندي جيڪا گهٽ ۾ گهٽ انهن خاصيتن جي حمايت ڪري ٿي جيڪا Node Sass ڪري ٿي. اهو نوٽ ڪرڻ ضروري آهي ڇاڪاڻ ته آڪٽوبر 26، 2020 تائين، LibSass ۽ ان جي مٿان ٺهيل پيڪيجز- بشمول Node Sass- کي ختم ڪيو ويو آهي.

جيڪڏهن توهان کي ضرورت آهي نئين Sass خاصيتن يا نئين سي ايس ايس معيارن سان مطابقت، ڊارٽ ساس هاڻي Sass جو بنيادي عمل آهي ۽ هڪ JavaScript API کي سپورٽ ڪري ٿو جيڪو مڪمل طور تي نوڊ ساس سان مطابقت رکي ٿو (ڪجهه استثنا سان جيڪي ڊارٽ ساس جي گيٽ هب صفحي تي ڏنل آهن).

اسان براؤزر گولنگ سان مسئلن کي روڪڻ لاءِ ساس گول جي درستگي کي 6 تائين وڌايو (ڊفالٽ طور، اهو نوڊ ساس ۾ 5 آهي). جيڪڏهن توهان ڊارٽ ساس استعمال ڪندا آهيو ته اهو ڪجهه نه هوندو جنهن کي توهان کي ترتيب ڏيڻ جي ضرورت آهي، ڇاڪاڻ ته اهو مرتب ڪندڙ 10 جي گولنگ جي درستگي استعمال ڪري ٿو ۽ ڪارڪردگي سببن جي ڪري ان کي ترتيب ڏيڻ جي اجازت ناهي.

خودڪشي ڪندڙ

بوٽ اسٽريپ استعمال ڪري ٿو Autoprefixer (شامل آهي اسان جي تعمير جي عمل ۾) خودڪار طور تي وينڊر پريفڪس شامل ڪرڻ لاءِ ڪجهه سي ايس ايس ملڪيتن تي تعمير وقت. ائين ڪرڻ اسان کي وقت ۽ ڪوڊ بچائي ٿو اسان کي اسان جي CSS جا اهم حصا هڪ ئي وقت لکڻ جي اجازت ڏئي ٿي جڏهن ته وينڊرز ميڪسين جي ضرورت کي ختم ڪندي جيئن v3 ۾ مليا آهن.

اسان پنهنجي GitHub مخزن ۾ هڪ الڳ فائل ۾ Autoprefixer ذريعي سپورٽ ڪيل برائوزرن جي لسٽ برقرار رکون ٿا. تفصيل لاءِ ڏسو .browserslistrc .

مقامي دستاويز

اسان جي دستاويزن کي مقامي طور تي هلائڻ جي ضرورت آهي Hugo جو استعمال، جيڪو نصب ٿئي ٿو Hugo-bin npm پيڪيج ذريعي. هيوگو هڪ انتهائي تيز ۽ ڪافي وسيع جامد سائيٽ جنريٽر آهي جيڪو اسان کي مهيا ڪري ٿو: بنيادي شامل آهن، مارڪ ڊائون تي ٻڌل فائلون، ٽيمپليٽس، ۽ وڌيڪ. هتي اهو ڪيئن شروع ڪجي:

  1. سڀني انحصار کي انسٽال ڪرڻ لاءِ مٿي ڏنل ٽولنگ سيٽ اپ ذريعي هلايو.
  2. روٽ /bootstrapڊاريڪٽري مان، npm run docs-serveڪمانڊ لائن ۾ هلائي.
  3. توهان جي برائوزر ۾ کوليو http://localhost:9001/، ۽ voilà.

وڌيڪ سکو استعمال ڪرڻ بابت Hugo ان جي دستاويز پڙهڻ سان .

مشڪلاتون

ڇا توهان کي انحصار کي نصب ڪرڻ ۾ مشڪلاتن سان منهن ڏيڻ گهرجي، سڀني پوئين انحصار ورزن (عالمي ۽ مقامي) کي انسٽال ڪريو. پوء، وري هلايو npm install.