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, kanneen akka 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:
- Node.js , kan hirkattummaa keenya bulchuuf itti fayyadamnu buufadhaatii fe'aa .
- Yookaan maddoota Bootstrap buufadhaa ykn kuusaa Bootstrap fork .
- Gara
/bootstrapgalmee hundee qajeeliitii hirkattummaa naannoo keenyaa package.jsonnpm installkeessatti tarreeffaman fe'uuf fiigi .
Yeroo xumuramu, ajajoota adda addaa sarara ajajaa irraa kennaman hojjechuu ni dandeessa.
Iskiriiptii npm fayyadamuu
Package.json keenya hojiiwwan pirojekticha guddisuuf gargaaran hedduu of keessaa qaba. npm runIskiriiptii npm hunda tarminaalii kee keessa jiru arguuf fiigi . Hojiiwwan jalqabaa kanneen akka:
| Hojii | Ibsa |
|---|---|
npm start |
CSS fi JaavaScript qindeessa, galmee ijaara, fi sarvarii naannoo jalqaba. |
npm run dist |
dist/Galmee faayilii qindaa'an waliin uuma . Sass , Autoprefixer , fi terser barbaada . |
npm test |
Erga fiige booda qormaata naannootti fiiganpm run dist |
npm run docs-serve |
Galmee naannootti ijaara fi hojjeta. |
Sass jedhama
Bootstrap faayiloota madda Sass keenya gara faayiloota CSStti qindeessuuf Dart Sass fayyadama (adeemsa ijaarsa keenya keessatti hammatame), akkasumas yoo Sass ujummoo qabeenya mataa keetii fayyadamuun qindeessaa jirta ta'e akkasuma akka gootu si gorsina. Duraan Node Sass Bootstrap v4'f fayyadamna turre, garuu LibSass fi paakeejiiwwan gubbaa isaa ijaaraman, Node Sass dabalatee, amma hin fayyadamne .
Dart Sass sirritti naanneffamuu 10 fayyadama fi sababa gahumsaaf sirreeffama gatii kanaa hin hayyamu. Yeroo adeemsa dabalataa CSS keenya uumame, kan akka yeroo xiqqeessuu, sirrii ta'uu kana hin gadi buusnu, garuu yoo kana gochuu filatte dhimmoota naanneffannaa biraawzari ittisuuf yoo xiqqaate sirrii ta'uu 6 eeguu gorsina.
Ofiin dursaa
Bootstrap yeroo ijaarsaatti ofumaan durtii gurguraa qabeentota CSS tokko tokkotti dabaluudhaaf Autoprefixer (adeemsa ijaarsa keenya keessatti hammatame) fayyadama. Kana gochuun yeroo fi koodii nu qusata, kutaalee ijoo CSS keenyaa yeroo tokkotti akka barreessinu nu dandeessisuun 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 .
RTLCSS jedhamuun beekama
Bootstrap RTLCSS fayyadamuun CSS qindaa'e adeemsisuuf fi gara RTL tti jijjiiruuf – bu'uuraan amaloota kallattii beekan (fkn. padding-left) faallaa isaaniitiin bakka buusa. CSS keenya yeroo tokko qofa barreessuu fi qajeelfama to'annoo fi gatii RTLCSS fayyadamuun jijjiirama xixiqqoo akka goonu nu dandeessisa .
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:
- Hirkatummaa hunda fe'uuf qindeessaa meeshaa armaan olii keessa fiigi .
/bootstrapGalmee hundee irraa ,npm run docs-servesarara ajajaa keessatti hojjedhu.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.