Gumaachuu

Iskiriiptii fi qormaata ijaarsa galmee keenyaan Bootstrap guddisuu gargaari.

Fuula kana irratti

Meeshaalee qopheessuu

Bootstrap galmee ijaaruu fi faayilii madda qindeessuuf iskiriiptii npm fayyadama. package.json keenya iskiriiptii kana koodii qindeessuuf, qormaata hojjechuu fi kkf of keessaa qaba. Kunniin kuusaa fi galmee keenyaan ala fayyadamuuf kan yaadaman miti.

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 install keessatti 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 tarminaala 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 fiiga`npm run dist`
`npm run docs-serve`	Galmee naannootti ijaara fi hojjeta.

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 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 v4f 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 qabeentota 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.