in English

Herramientas nisqakunata hatarichiy

Yachay imayna Bootstrap kaqpa churasqa npm scriptkuna llamk'achiyta qillqayku ruwanapaq, pukyuta huñunapaq, pruebakuna purichinapaq chaymanta aswan.

Herramientakuna churay

Bootstrap npm qillqakunata ruwana sistemanpaq llamk'achin. Package.jsonniykuqa allin ñankuna marco kaqwan llamk'anapaq kachkan, chaymanta codigo huñuy, pruebakuna purichiy chaymanta aswan.

Ruway sistemaykuta llamk'achinapaq chaymanta qillqayku kitipi purichinapaq, huk Bootstrap pukyuta willañiqikuna chaymanta Node kaqmanta huk copiata necesitanki. Kay ruwaykunata qatiy chaymanta listo kanayki tiyan kuyuchinaykipaq:

  1. Node.js uraykachiy chaymanta churay , mayqinwanchus llamk'achiyku dependenciayku kamachinaykupaq.
  2. Icha Bootstrappa pukyunkunata uraykachiy utaq Bootstrappa waqaychasqa kayninta fork .
  3. Sapsi /bootstrapwillañiqiman puriy chaymanta purichiy package.jsonnpm install kaqpi listasqa llaqta hapipakuyniyku churanapaq .

Tukuptinqa, kamachiy chirumanta qusqa imaymana kamachiykunata purichiyta atinki.

npm qillqakunata llamk’achispa

Package.json nisqaykupi kay kamachiykuna chaymanta ruwanakuna kachkan:

Ruwana Willay
npm run dist npm run dist/dist/huñusqa willañiqikunawan willañiqita ruwan . Sass , Autoprefixer , terser nisqakunatam llamk'achin .
npm test Ruwaymanta qhipaman pruebakunata llaqtapi purichinnpm run dist
npm run docs-serve Qillqakunata llaqtapi ruwan, purichin ima.

Ruway npm runllapa npm qillqakunata qhawanaykipaq.

¡Empezar con Bootstrap vía npm con nuestro proyecto de arranque! Uma kay twbs/bootstrap-npm-starter plantilla waqaychanaman qhawanaykipaq imayna ruwayta chaymanta ruwayta Bootstrap kikin npm proyectoykipi. Sass huñuq, Autoprefixer, Stylelint, PurgeCSS chaymanta Bootstrap Iconos kaqwan.

Sass

Bootstrap v4 Node Sass llamk'achin Sass pukyuta willañiqiykuta CSS willañiqikunaman huñunapaq (ruray ruwayniykupi yapasqa). Kikin ruwasqa CSS kaqwan tukunanpaq mayk'aq Sass kikin kaqniyki pipeline kaqwan huñuchkanki, huk Sass huñuq llamk'achinayki tiyan mayqinchus yanapakun aswan pisi ruwanakuna Node Sass ruwan. Kayqa ancha chaniyuq reparanapaq imaraykuchus 26 ñiqin chakra yapuy killapi 2020 kaqmanta, LibSass chaymanta chay patamanta ruwasqa paquetes kaqmanta —Node Sass kaqwan ima— manaña llamk'achisqachu kanku .

Sichus aswan musuq Sass ruwanakuna utaq aswan musuq CSS kamachiykunawan tupachiyta munanki, Dart Sass kunan Sass kaqpa ñawpaq ruwaynin kachkan chaymanta huk JavaScript API yanapakun mayqinchus Node Sass kaqwan hunt'asqa tupan (huk pisi excepciones kaqwan Dart Sass kaqpa GitHub p'anqanpi listasqa ).

Sass muyuchiy chiqan kayninta 6 kaqman yapayku (ñawpaqmanta, Node Sass kaqpi 5 kaq) maskaq muyuchiywan sasachakuykunata hark'anapaq. Sichus Dart Sass llamk'achinki kayqa mana imapaschu kanqa allichanaykipaq, imaynachus chay compilador huk muyuchiy precisión 10 kaqmanta llamk'achin chaymanta eficiencia razonkunarayku mana allichayta saqinchu.

Kikinmanta rimaq

Bootstrap Autoprefixer kaqwan (ruray ruwayniykupi yapasqa) llamk'achin kikinmanta ranqhaq ñawpaqninkuna wakin CSS kaqninkunaman ruwana pachapi yapananpaq. Chayta ruwayqa pachata chaymanta codigota waqaychan huk kutillapi CSSniykumanta llave partekuna qillqayta saqispa chaymanta v3 kaqpi tarisqa hina ranqhaq mixins necesidadta chinkachispa.

Autoprefixer kaqnintakama yanapasqa maskaqpa lista kaqninta huk sapaq willakuypi GitHub waqaychasqayku ukhupi waqaychayku. .browserslistrc nisqapi qhaway sut'inchaykunapaq.

Llaqta qillqakuna

Qillqaykuta llaqtapi purichiyqa Hugo llamk'ayta munan, mayqinchus hugo-bin npm paquete kaqnintakama churasqa. Hugo huk llamadamente rápido y bastante extensible generador de sitio estático que nos proporciona: básicas incluye, archivos basados ​​en Markdown, plantillas, y más. Kaypi imayna qallarinapaq:

  1. Hawa yanapakuykuna churanawan purichiy llapa hapipakuykunata churanaykipaq.
  2. Sapsi /bootstrapqillqana mayt'umanta, npm run docs-servekamachiy chirupi purichiy.
  3. Navegadorniykipi kichay http://localhost:9001/, hinaspa voilà.

Hugo llamk'achiyta astawan yachay qillqankunata ñawirispa .

Sasachakuykunata allichay

Sichus sasachakuykunawan tupanki hapirinakuna churaypi, llapa ñawpaq hapirina layakunata (tukuy pacha chaymanta kiti) chinkachiy. Chaymanta, yapamanta purichiy npm install.