د وسایلو جوړول
زموږ د اسنادو جوړولو لپاره د بوټسټریپ شامل شوي npm سکریپټونو کارولو څرنګوالی زده کړئ، د سرچینې کوډ تالیف کړئ، ازموینې چل کړئ، او نور ډیر څه.
د وسیلې تنظیم کول
بوټسټراپ د دې جوړ شوي سیسټم لپاره د npm سکریپټونه کاروي. زموږ پیکج. json د چوکاټ سره کار کولو لپاره مناسب میتودونه شامل دي ، پشمول د کوډ تالیف کول ، ازموینې چلول ، او نور ډیر څه.
زموږ د جوړونې سیسټم کارولو او په محلي ډول زموږ اسناد چلولو لپاره، تاسو به د بوټسټریپ سرچینې فایلونو او نوډ یوه کاپي ته اړتیا ولرئ. دا مرحلې تعقیب کړئ او تاسو باید د راک کولو لپاره چمتو اوسئ:
- Node.js ډاونلوډ او نصب کړئ ، کوم چې موږ د خپلو انحصارونو اداره کولو لپاره کاروو.
- یا د بوټسټریپ سرچینې ډاونلوډ کړئ یا د بوټسټریپ ذخیره فورک کړئ .
- روټ
/bootstrap
ډایرکټر ته لاړشئ او په package.jsonnpm install
کې لیست شوي زموږ محلي انحصارونو نصبولو لپاره وګرځئ .
کله چې بشپړ شي، تاسو به وکولی شئ د کمانډ لاین څخه چمتو شوي مختلف قوماندې پرمخ بوځي.
د npm سکریپټونو کارول
زموږ په پیکج کې لاندې حکمونه او دندې شاملې دي:
دنده | تفصیل |
---|---|
npm run dist |
npm run dist /dist/ د مرتب شوي فایلونو سره لارښود رامینځته کوي . Sass , Autoprefixer , او Terser کاروي . |
npm test |
د چلولو وروسته په محلي توګه ازموینې پرمخ وړيnpm run dist |
npm run docs-serve |
په محلي توګه اسناد جوړوي او چلوي. |
npm run
د ټولو npm سکریپټونو لیدلو لپاره وګرځئ .
ساس
Bootstrap v4 د سی ایس ایس فایلونو کې زموږ د Sass سرچینې فایلونو تالیف کولو لپاره نوډ ساس کاروي (زموږ د جوړونې پروسې کې شامل دي). د دې لپاره چې د ورته تولید شوي CSS سره پای ته ورسیږئ کله چې ستاسو د شتمنیو پایپ لاین په کارولو سره ساس تالیف کوئ ، تاسو اړتیا لرئ د ساس کمپیلر وکاروئ چې لږترلږه د هغه ځانګړتیاو ملاتړ کوي چې نوډ ساس یې کوي. دا مهمه ده چې یادونه وشي ځکه چې د اکتوبر 26، 2020 پورې، LibSass او د هغې په سر کې جوړ شوي کڅوړې — په شمول د نوډ ساس — له مینځه وړل شوي .
که تاسو د نوي سی ایس ایس معیارونو سره د Sass نوي ځانګړتیاو یا مطابقت ته اړتیا لرئ، Dart Sass اوس د Sass لومړنی تطبیق دی او د جاواسکریپټ API ملاتړ کوي چې د نوډ ساس سره په بشپړ ډول مطابقت لري (د یو څو استثناوو سره چې د Dart Sass GitHub پاڼه کې لیست شوي ).
موږ د ساس رانډینګ دقیقیت 6 ته لوړوو (د ډیفالټ په واسطه ، دا په نوډ ساس کې 5 دی) ترڅو د براوزر ګردي کولو مسلو مخه ونیسي. که تاسو ډارټ ساس وکاروئ دا به هغه څه نه وي چې تاسو یې تنظیم کولو ته اړتیا لرئ ، ځکه چې دا کمپیلر د 10 ګردی دقیقیت کاروي او د موثریت دلایلو لپاره یې د تنظیم کولو اجازه نه ورکوي.
اتوماتیک
بوټسټراپ Autoprefixer کاروي (زموږ د جوړونې پروسې کې شامل دي) ترڅو د جوړیدو په وخت کې ځینې CSS ملکیتونو ته په اتوماتيک ډول د پلورونکي مخکیني اضافه کړي. دا کار کول موږ ته وخت او کوډ خوندي کوي چې موږ ته اجازه راکوي چې زموږ د CSS کلیدي برخې یو ځل ولیکئ پداسې حال کې چې د پلورونکي مکسین اړتیا له مینځه ویسي لکه څنګه چې په v3 کې موندل شوي.
موږ زموږ د GitHub ذخیره کې په جلا فایل کې د Autoprefixer له لارې ملاتړ شوي براوزرونو لیست ساتو. د جزیاتو لپاره .browserslistrc وګورئ .
محلي اسناد
زموږ د اسنادو چلول په محلي توګه د هوګو کارولو ته اړتیا لري، کوم چې د Hugo-bin npm کڅوړې له لارې نصب کیږي. هوګو یو په زړه پوری ګړندی او کافي توزیع کیدونکی جامد سایټ جنراتور دی چې موږ ته چمتو کوي: لومړني شامل دي ، د مارک ډاون پراساس فایلونه ، ټیمپلیټونه او نور ډیر څه. دلته د پیل کولو څرنګوالی دی:
- د ټولو انحصارونو نصبولو لپاره پورته د وسیلې تنظیم کولو له لارې پرمخ وړئ.
- د روټ
/bootstrap
لارښود څخه،npm run docs-serve
د کمانډ لاین کې پرمخ وړئ. - په خپل براوزر کې پرانیزئ
http://localhost:9001/
، او voilà.
د هوګو د اسنادو په لوستلو سره د کارولو په اړه نور معلومات ترلاسه کړئ .
د ستونزو حل کول
که تاسو د انحصارونو په نصبولو کې له ستونزو سره مخ شئ، د انحصار ټولې پخوانۍ نسخې غیر نصب کړئ (نړیوال او محلي). بیا، بیا چلول npm install
.