حصو ڏيو

اسان جي دستاويزن سان بوٽ اسٽريپ کي ترقي ڪرڻ ۾ مدد ڪريو اسڪرپٽ ۽ ٽيسٽ.

هن صفحي تي

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

Bootstrap استعمال ڪري ٿو npm اسڪرپٽ دستاويزن ٺاهڻ ۽ ماخذ فائلن کي گڏ ڪرڻ لاءِ. اسان جي package.json ۾ اهي اسڪرپٽ شامل آهن ڪوڊ گڏ ڪرڻ، ٽيسٽ هلائڻ، ۽ وڌيڪ. اهي اسان جي مخزن ۽ دستاويزن کان ٻاهر استعمال لاءِ نه آهن.

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

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

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

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

اسان جي package.json ۾ پروجيڪٽ کي ترقي ڪرڻ لاءِ ڪيترائي ڪم شامل آھن. npm runپنھنجي ٽرمينل ۾ سڀ اين پي ايم اسڪرپٽ ڏسڻ لاءِ ھلايو . بنيادي ڪم شامل آهن:

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

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

ساس

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

ڊارٽ ساس 10 جي گول جي درستگي کي استعمال ڪري ٿو ۽ ڪارڪردگي سببن جي ڪري هن قيمت کي ترتيب ڏيڻ جي اجازت نٿو ڏئي. اسان پنهنجي ٺاهيل CSS جي وڌيڪ پروسيسنگ دوران هن درستگي کي گهٽ نه ٿا ڪريون، جهڙوڪ مينيفڪيشن دوران، پر جيڪڏهن توهان ائين ڪرڻ جو انتخاب ڪيو ٿا ته اسان برائوزر جي گولنگ سان مسئلن کي روڪڻ لاءِ گهٽ ۾ گهٽ 6 جي درستگي برقرار رکڻ جي صلاح ڏيون ٿا.

خودڪشي ڪندڙ

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

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

RTLCSS

Bootstrap RTLCSS استعمال ڪري ٿو مرتب ڪيل CSS کي پروسيس ڪرڻ ۽ انهن کي RTL ۾ تبديل ڪرڻ لاءِ - بنيادي طور تي افقي طرف جي آگاهي واري ملڪيت (مثال طور padding-left) کي انهن جي مخالف سان تبديل ڪرڻ. اهو اسان کي اجازت ڏئي ٿو صرف هڪ ڀيرو اسان جي CSS لکڻ ۽ RTLCSS ڪنٽرول ۽ قدر جي هدايتن کي استعمال ڪندي معمولي ٽائيڪس ٺاهڻ.

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

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

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

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

مشڪلاتون

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