in English

Tog innealan

Ionnsaich mar a chleachdas tu na sgriobtaichean npm aig Bootstrap gus na sgrìobhainnean againn a thogail, còd stòr a chuir ri chèile, deuchainnean a ruith, agus barrachd.

Suidheachadh innealan

Bidh Bootstrap a’ cleachdadh sgriobtaichean npm airson an siostam togail aige. Tha ar pack.json a’ toirt a-steach dòighean goireasach airson obrachadh leis an fhrèam, a’ toirt a-steach còd a chuir ri chèile, deuchainnean ruith, agus barrachd.

Gus an siostam togail againn a chleachdadh agus na sgrìobhainnean againn a ruith gu h-ionadail, bidh feum agad air leth-bhreac de fhaidhlichean stòr Bootstrap agus Node. Lean na ceumannan seo agus bu chòir dhut a bhith deiseil airson roc:

  1. Luchdaich sìos agus stàlaich Node.js , a bhios sinn a’ cleachdadh gus ar eisimeileachd a riaghladh.
  2. An dàrna cuid luchdaich sìos stòran Bootstrap no forc stòr Bootstrap .
  3. /bootstrapSeòl chun an eòlaire root agus ruith npm installgus na h-eisimeileachd ionadail againn a tha air an liostadh ann am package.json a stàladh .

Nuair a bhios tu deiseil, bidh e comasach dhut na diofar òrdughan a chaidh a sholarachadh bhon loidhne-àithne a ruith.

A’ cleachdadh sgriobtaichean npm

Tha ar pack.json a’ toirt a-steach na h-òrdughan agus na gnìomhan a leanas:

Tasc Tuairisgeul
npm run dist npm run dista’ cruthachadh an /dist/eòlaire le faidhlichean cruinnichte. A’ cleachdadh Sass , Autoprefixer , agus terser .
npm test A’ ruith dheuchainnean gu h-ionadail às deidh ruithnpm run dist
npm run docs-serve Togail agus ruith na sgrìobhainnean gu h-ionadail.

Ruith npm rungus na sgriobtaichean npm gu lèir fhaicinn.

Tòisich le Bootstrap tro npm leis a’ phròiseact tòiseachaidh againn! Rach gu stòr teamplaid twbs/bootstrap-npm-starter gus faicinn mar a thogas tu agus a ghnàthachadh Bootstrap anns a’ phròiseact npm agad fhèin. A’ toirt a-steach Sass compiler, Autoprefixer, Stylelint, PurgeCSS, agus Bootstrap Icons.

Sass

Bidh Bootstrap v4 a’ cleachdadh Node Sass airson na faidhlichean stòr Sass againn a chur ri chèile ann am faidhlichean CSS (air an gabhail a-steach sa phròiseas togail againn). Gus crìoch a chuir air an aon CSS gineadh nuair a bhios tu a’ cur ri chèile Sass a’ cleachdadh an loidhne-phìoban so-mhaoin agad fhèin, feumaidh tu inneal-cruinneachaidh Sass a chleachdadh a bheir taic do co-dhiù na feartan a bhios Node Sass a’ dèanamh. Tha seo cudromach a thoirt fa-near oir mar 26 Dàmhair, 2020, tha LibSass agus pacaidean a chaidh a thogail air a bharr - a’ toirt a-steach Node Sass - air an ìsleachadh .

Ma tha feum agad air feartan Sass nas ùire no co-chòrdalachd le inbhean CSS nas ùire, tha Dart Sass a-nis na phrìomh bhuileachadh aig Sass agus a’ toirt taic do API JavaScript a tha gu tur co-chòrdail ri Node Sass (le beagan eisgeachdan air an liostadh air duilleag GitHub Dart Sass ).

Bidh sinn ag àrdachadh cruinneas cruinneachaidh Sass gu 6 (gu gnàthach, is e 5 a th’ ann ann an Node Sass) gus casg a chuir air cùisean le cruinneachadh brabhsair. Ma chleachdas tu Dart Sass cha bhith seo na rud a dh’ fheumas tu atharrachadh, leis gu bheil an neach-cruinneachaidh sin a’ cleachdadh mionaideachd cruinneachaidh de 10 agus airson adhbharan èifeachdais chan eil e a’ leigeil leis a bhith air atharrachadh.

Ro-leasachan fèin-obrachail

Bidh Bootstrap a’ cleachdadh Autoprefixer (air a ghabhail a-steach sa phròiseas togail againn) gus ro-leasachain reiceadair a chuir gu fèin-ghluasadach gu cuid de thogalaichean CSS aig àm togail. Le bhith a’ dèanamh sin sàbhalaidh sin ùine agus còd dhuinn le bhith a’ leigeil leinn prìomh phàirtean den CSS againn a sgrìobhadh aon uair fhad ‘s a tha sinn a’ cur às don fheum air measgachadh reiceadair mar an fheadhainn a lorgar ann an v3.

Bidh sinn a’ cumail an liosta de bhrobhsairean le taic tro Autoprefixer ann am faidhle air leth taobh a-staigh ar stòr GitHub. Faic .browserslistrc airson mion-fhiosrachadh.

Sgrìobhainnean ionadail

Le bhith a’ ruith ar sgrìobhainnean gu h-ionadail feumar Hugo a chleachdadh, a thèid a chuir a-steach tron ​​​​phasgan hugo-bin npm. Tha Hugo na ghineadair làrach statach a tha gu math luath agus gu math leudachail a bheir dhuinn: bunaiteach a’ toirt a-steach, faidhlichean stèidhichte air Markdown, teamplaidean, agus barrachd. Seo mar a thòisicheas tu air:

  1. Ruith tron ​​​​t- suidheachadh innealan gu h-àrd gus a h-uile eisimeileachd a stàladh.
  2. /bootstrapBhon eòlaire root , ruith npm run docs-servesan loidhne-àithne.
  3. Fosgail http://localhost:9001/sa bhrobhsair agad, agus voilà.

Ionnsaich tuilleadh mu bhith a’ cleachdadh Hugo le bhith a’ leughadh na sgrìobhainnean aige .

Fuasgladh thrioblaidean

Ma thachras tu air duilgheadasan le stàladh eisimeileachd, dì-stàlaich a h-uile dreach eisimeileachd roimhe (cruinneil agus ionadail). An uairsin, ath-ruith npm install.