Omopu’ã tembipurukuéra
Eikuaa mba’éichapa eipurukuaa Bootstrap script npm oikeva’ekue emopu’ã hag̃ua ore kuatiañe’ẽ, emohenda hag̃ua código fuente, emongu’e hag̃ua prueba ha hetave mba’e.
Tembipururã ñembosako’i
Bootstrap oipuru npm script isistema ñemopuꞌarã. Ore package.json oguereko umi tape iporãva oñembaꞌapo hag̃ua framework ndive, umíva apytépe oñembojoaju hag̃ua código, ojejapo hag̃ua prueba ha hetave mbaꞌe.
Eipuru hag̃ua ore sistema ñemopu’ã ha emongu’e hag̃ua ore kuatiañe’ẽ tendápe, reikotevẽta peteĩ Bootstrap rembiapokue ypykue ha Node jekopia. Ejapo ko’ã mba’e ha reimeva’erã listo rembotyryry haĝua:
- Emboguejy ha emoĩ Node.js , jaipurúva ñamohenda hag̃ua ñande dependencia-kuéra.
- Taha’e emboguejy Bootstrap ypykue térã emboguejy Bootstrap ñeñongatuha .
/bootstrapEike kundaha ypykuépe ha eñemongu’enpm installemohenda hag̃ua ñande dependencia local ojehechaukáva package.json -pe .
Oñemohu’ãvo, ikatúta emongu’e opaichagua tembiapoukapy oñeme’ẽva ñe’ẽmondo rape guive.
Oipurúvo umi script npm rehegua
Ore package.json oguereko heta tembiaporã oñembosako’i hag̃ua tembiaporã. Emoñepyrũ npm runehecha hag̃ua opaite npm script oĩva nde terminal-pe. Tembiaporã tenondegua apytépe oĩ:
| Mba'aporã | Techaukaha |
|---|---|
npm start |
Ombojoaju CSS ha JavaScript, omopuꞌa kuatiañeꞌepyre ha omoñepyrũ peteĩ servidor local. |
npm run dist |
Ojapo dist/kundaha vore oñembohekopyréva reheve. Oikotevẽ Sass , Autoprefixer ha terser . |
npm test |
Omotenonde prueba localmente oñemboguata rirenpm run dist |
npm run docs-serve |
Omopu’ã ha omongu’e kuatiañe’ẽ tendápe. |
Sass rehegua
Bootstrap oipuru Dart Sass ombyaty hag̃ua ore Sass vore ypykue CSS vore’ípe (oĩva ore rembiaporã ñemopu’ãme), ha romomarandu rejapo hag̃ua upéicha avei remohenda ramo Sass reiporúvo nde mba’ekuaarã pipeline tee. Ymave roipuru Node Sass Bootstrap v4-pe g̃uarã, ha katu LibSass ha umi paquete oñemopu’ãva hi’ári, Node Sass avei, ko’áĝa ndojepuruvéima .
Dart Sass oipuru peteĩ precisión redondeo rehegua 10 ha eficiencia rehe ndohejái ojejapo ajuste ko valor rehegua. Ndoroguejýi ko precisión oñemboguatavévo ore CSS oñembohekopyréva, ha’eháicha ñemboguejy aja, ha katu reiporavóramo rejapo hag̃ua romomarandu reñongatu hag̃ua peteĩ precisión 6 jepe ani hag̃ua mba’e vai kundahára redondeo rehegua.
Ñe’ẽpehẽtai ijehegui
Bootstrap oipuru Autoprefixer (oikeva’ekue ñande ñemopu’ãme) omoĩ hag̃ua ijeheguiete ñemuha ñepyrũrã peteĩ CSS mba’ekuaarãme ñemopu’ã jave. Péicha jajapóramo ñaneñongatu ñane tiempo ha código ohejávo ñandéve jahai peteĩ jey ñande CSS pehẽngue iñimportantevéva ha upéicha avei ñamboyke tekotevẽha umi mixin ñemuhára rehegua ojejuhúva v3-peguáicha.
Roñongatu kundahára lista oipytyvõva Autoprefixer rupive peteĩ vore añóntepe ore GitHub ryru ryepýpe. Ehecha .browserslistrc -pe umi mba’ekuaarã.
RTLCSS rehegua
Bootstrap oipuru RTLCSS oprocesa hag̃ua CSS oñembohekopyréva ha omoambue hag̃ua RTL-pe – básicamente omyengoviávo umi propiedad oikuaáva dirección horizontal rehegua (por ejemplo padding-left) ikompañero rehe. Oheja ñandéve jahai ñande CSS peteĩ jeýnte ha jajapo ñemboheko michĩva jaipurúvo RTLCSS control ha valor directiva.
Kuatiakuéra tetãmegua rehegua
Ñamombaꞌapo hag̃ua ñande kuatiañeꞌepyre tetãmegua oikotevẽ Hugo jepuru, oñemboguapyvaꞌekue hugo-bin npm ryru rupive. Hugo haꞌehína peteĩ generador sitio estático pyaꞌe ha bastante extensible omeꞌeva ñandéve: básico oike, archivokuéra Markdown rehegua, plantilla ha hetave mbaꞌe. Ko'ápe ojehecha mba'éichapa ikatu ñañepyrũ:
- Emongu’e tembipururã ñembosako’i yvategua rupive emohenda hag̃ua opaite mba’e’oka.
- Kuatiahaipyre ypykue guive
/bootstrap, emongu’enpm run docs-serveñe’ẽmondo rape’atýpe. - Eipe'a
http://localhost:9001/nde kundahárape, ha voilà.
Eikuaave Hugo jepuru rehegua emoñe’ẽvo ikuatiahaipyrekuéra .
Apañuãi ñemyatyrõ
Ejuhúramo apañuãi emohenda hag̃ua dependencia, embogue opaite dependencia versión ymaguaréva (global ha local). Upéi, emoñepyrũ jey npm install.