in English

د وسایلو جوړول

زموږ د اسنادو جوړولو لپاره د بوټسټریپ شامل شوي npm سکریپټونو کارولو څرنګوالی زده کړئ، د سرچینې کوډ تالیف کړئ، ازموینې چل کړئ، او نور ډیر څه.

د وسیلې تنظیم کول

بوټسټراپ د دې جوړ شوي سیسټم لپاره د npm سکریپټونه کاروي. زموږ پیکج. json د چوکاټ سره کار کولو لپاره مناسب میتودونه شامل دي ، پشمول د کوډ تالیف کول ، ازموینې چلول ، او نور ډیر څه.

زموږ د جوړونې سیسټم کارولو او په محلي ډول زموږ اسناد چلولو لپاره، تاسو به د بوټسټریپ سرچینې فایلونو او نوډ یوه کاپي ته اړتیا ولرئ. دا مرحلې تعقیب کړئ او تاسو باید د راک کولو لپاره چمتو اوسئ:

  1. Node.js ډاونلوډ او نصب کړئ ، کوم چې موږ د خپلو انحصارونو اداره کولو لپاره کاروو.
  2. یا د بوټسټریپ سرچینې ډاونلوډ کړئ یا د بوټسټریپ ذخیره فورک کړئ .
  3. روټ /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 سکریپټونو لیدلو لپاره وګرځئ .

زموږ د سټارټر پروژې سره د npm له لارې د بوټسټریپ سره پیل وکړئ! د twbs/bootstrap-npm-starter ټیمپلیټ ذخیره ته لاړشئ ترڅو وګورئ چې څنګه په خپله 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 کڅوړې له لارې نصب کیږي. هوګو یو په زړه پوری ګړندی او کافي توزیع کیدونکی جامد سایټ جنراتور دی چې موږ ته چمتو کوي: لومړني شامل دي ، د مارک ډاون پراساس فایلونه ، ټیمپلیټونه او نور ډیر څه. دلته د پیل کولو څرنګوالی دی:

  1. د ټولو انحصارونو نصبولو لپاره پورته د وسیلې تنظیم کولو له لارې پرمخ وړئ.
  2. د روټ /bootstrapلارښود څخه، npm run docs-serveد کمانډ لاین کې پرمخ وړئ.
  3. په خپل براوزر کې پرانیزئ http://localhost:9001/، او voilà.

د هوګو د اسنادو په لوستلو سره د کارولو په اړه نور معلومات ترلاسه کړئ .

د ستونزو حل کول

که تاسو د انحصارونو په نصبولو کې له ستونزو سره مخ شئ، د انحصار ټولې پخوانۍ نسخې غیر نصب کړئ (نړیوال او محلي). بیا، بیا چلول npm install.