in English

Meeshaalee ijaaruu

Akkaataa iskiriiptii npm Bootstrap hammatame fayyadamuun galmee keenya ijaaruu, koodii madda qindeessuu, qormaata gaggeessuu fi kkf baradhu.

Meeshaalee qopheessuu

Bootstrap sirna ijaarsa isaaf iskiriiptii npm fayyadama. package.json keenya malawwan mijataa unkaa wajjin hojjechuuf gargaaran of keessatti qabata, koodii qindeessuu, qormaata gaggeessuu fi kkf dabalatee.

Sirna ijaarsa keenya fayyadamuu fi galmee keenya naannootti hojjechuuf, waraabbii faayiloota madda Bootstrap fi Node si barbaachisa. Tarkaanfiiwwan kana hordofaa rock gochuuf qophii ta'uu qabdu:

  1. Node.js , kan hirkattummaa keenya bulchuuf itti fayyadamnu buufadhaatii fe'aa .
  2. Yookaan maddoota Bootstrap buufadhaa ykn kuusaa Bootstrap fork .
  3. Gara /bootstrapgalmee hundee qajeeliitii hirkattummaa naannoo keenyaa package.jsonnpm install keessatti tarreeffaman fe'uuf fiigi .

Yeroo xumuramu, ajajoota adda addaa sarara ajajaa irraa kennaman hojjechuu ni dandeessa.

Iskiriiptii npm fayyadamuu

package.json keenya ajajootaa fi hojiiwwan armaan gadii of keessatti qabata:

Hojii Ibsa
npm run dist npm run dist/dist/galmee faayilii qindaa'an waliin uuma . Sass , Autoprefixer , fi terser fayyadama .
npm test Erga fiige booda qormaata naannootti fiiganpm run dist
npm run docs-serve Galmee naannootti ijaara fi hojjeta.

npm runIskiriiptii npm hunda ilaaluuf fiigi .

Bootstrap karaa npm pirojektii jalqabaa keenyaa wajjin jalqabi! Akkaataa Bootstrap pirojektii npm mataa keetii keessatti ijaaruu fi dhuunfachuu ilaaluuf gara kuusaa unkaa twbs/bootstrap-npm-starter qajeeli . Qindeessaa Sass, Durtii Ofiin, Stylelint, PurgeCSS, fi Mallattoolee Bootstrap of keessatti qabata.

Sass jedhama

Bootstrap v4 faayiloota madda Sass keenyaa gara faayiloota CSS (adeemsa ijaarsa keenya keessatti hammatame) qindeessuuf Node Sass fayyadama. Yeroo Sass ujummoo qabeenya mataa kee fayyadamuun qindeessitu CSS walfakkaataa uumameen xumuruuf, qindeessaa Sass kan yoo xiqqaate amaloota Node Sass hojjetu deeggaru fayyadamuu si barbaachisa. Kun hubachuun barbaachisaa dha sababiin isaas hanga Onkoloolessa 26, 2020tti, LibSass fi paakeejiiwwan gubbaa isaa ijaaraman—Node Sass dabalatee—kan hin fayyadamne .

Yoo amaloota Sass haaraa ykn istaandaardii CSS haaraa wajjin walsimsiisuu barbaadde, Dart Sass amma hojiirra oolmaa jalqabaa Sass ta'ee fi JavaScript API guutummaatti Node Sass wajjin walsimu deeggara (muraasa fuula GitHub Dart Sass irratti tarreeffaman irraa kan hafe ).

Rakkoolee naanneffamuu biraawzari irratti uumaman ittisuuf sirriitti naanneffamuu Sass gara 6tti guddifna (durtiidhaan, Node Sass keessatti 5 dha). Yoo Dart Sass fayyadamte kun waan sirreessuu qabdu hin ta'u, sababiin isaas qindeessaan sun sirriitti naanneffamuu 10 fayyadama fi sababa gahumsaaf akka sirreeffamu hin hayyamu.

Ofiin dursaa

Bootstrap yeroo ijaarsaatti ofumaan durtii gurguraa qabeentota CSS tokko tokkotti dabaluudhaaf Autoprefixer (adeemsa ijaarsa keenya keessatti hammatame) fayyadama. Kana gochuun kutaalee ijoo CSS keenyaa yeroo tokkotti akka barreessinu nu dandeessisuun yeroo fi koodii nu qusata, akkasumas barbaachisummaa mixins gurgurtootaa akka v3 keessatti argaman dhabamsiisa.

Tarree biraawzaroota karaa Autoprefixer deeggaraman faayilii adda ta'e keessatti kuusaa GitHub keenya keessaa ni eeganna. Bal'ina isaaf .browserslistrc ilaali .

Dokumantarii naannoo

Dokumantarii keenya naannootti hojjechuun fayyadama Hugo barbaada, kunis karaa paakeejii hugo-bin npm fe'ama. Hugo blazingly saffisaa fi baay'ee babal'ataa static site generator kan nuuf dhiyeessudha: bu'uuraa of keessatti qabata, Markdown-based files, templates, fi kkf. Akkaataa itti jalqabdan kunooti:

  1. Hirkatummaa hunda fe'uuf qindeessaa meeshaa armaan olii keessa fiigi .
  2. /bootstrapGalmee hundee irraa , npm run docs-servesarara ajajaa keessatti hojjedhu.
  3. http://localhost:9001/Browser keessan keessatti banaa , fi voilà.

Waa'ee Hugo fayyadamuu sanadoota isaa dubbisuudhaan caalaatti baradhu .

Rakkoo furuu

Yoo hirkattummaa fe'uu irratti rakkoon si mudate, gosoota hirkattummaa duraanii hunda (addunyaa fi naannoo) haqi. Sana booda, irra deebiʼii fiigi npm install.