in English

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:

  1. Emboguejy ha emoĩ Node.js , jaipurúva ñamohenda hag̃ua ñande dependencia-kuéra.
  2. Taha’e emboguejy Bootstrap ypykue térã emboguejy Bootstrap ñeñongatuha .
  3. /bootstrapEike kundaha ypykuépe ha eñemongu’e npm 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 ko’ã tembiapoukapy ha tembiaporã:

Mba'aporã Techaukaha
npm run dist npm run distomoheñói /dist/kundaha vore oñembohekopyréva reheve. Oipuru 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.

Emboguata npm runehecha hag̃ua opaite npm script.

¡Eñepyrũ Bootstrap ndive npm rupive ore proyecto ñepyrũrã ndive! Eho twbs/bootstrap-npm-starter plantilla ryru’ípe ehecha hag̃ua mba’éichapa ikatu emopu’ã ha emohenda Bootstrap nde proyecto npm-pe. Oike ipype Sass compilador, Autoprefixer, Stylelint, PurgeCSS ha Bootstrap Iconos.

Sass rehegua

Bootstrap v4 oipuru Node Sass ombyaty hag̃ua ñande Sass rembiapokue ypykue CSS rembiapokue ryepýpe (oĩva ñande rembiaporã ñemopuꞌarãme). Ikatu hag̃uáicha opa peteĩchagua CSS oñembohekopyréva reheve oñemboheko jave Sass ojeporúvo nde mbaꞌekuaarã pipeline tee, tekotevẽta reipuru peteĩ Sass compilador oipytyvõva por lo menos umi mbaꞌeporã Node Sass ojapóva. Kóva tuicha mba’e ojehechakuaa hag̃ua 26 jasyporundy 2020 guive, LibSass ha umi paquete oñemopu’ãva hi’ári—oikehápe Node Sass— ndojepuruvéimagui .

Oikotevẽramo Sass mba’ekuaarã pyahuvéva térã joaju CSS jeporupyre pyahuvéva ndive, Dart Sass ha’e ko’áĝa Sass ñemboguata tenondegua ha oipytyvõ peteĩ JavaScript API ojogueraha porãva Node Sass ndive (mbovy excepción reheve ojehechaukáva Dart Sass GitHub página-pe ).

Rombohetave Sass redondeo precisión 6-pe (por defecto, ha’e 5 Node Sass-pe) ani hag̃ua mba’e’apo’i kundahára redondeo rehegua. Eipurúramo Dart Sass kóva ndahaꞌemoꞌãi peteĩ mbaꞌe tekotevẽva remohenda, upe compilador oipurúgui peteĩ precisión redondeo rehegua 10 ha eficiencia rehe ndohejái oñemboheko.

Ñ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ã.

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 ipyaꞌeva ha oñembotuichave porãva omeꞌeva ñandéve: básico oike, archivokuéra Markdown rehegua, plantilla ha hetave mbaꞌe. Ko'ápe ojehecha mba'éichapa ikatu ñañepyrũ:

  1. Emongu’e tembipururã ñembosako’i yvategua rupive emohenda hag̃ua opaite mba’e’oka.
  2. Kuatiahaipyre ypykue guive /bootstrap, emongu’e npm run docs-serveñe’ẽmondo rape’atýpe.
  3. 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.