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:
- Luchdaich sìos agus stàlaich Node.js , a bhios sinn a’ cleachdadh gus ar eisimeileachd a riaghladh.
- An dàrna cuid luchdaich sìos stòran Bootstrap no forc stòr Bootstrap .
/bootstrap
Seòl chun an eòlaire root agus ruithnpm install
gus 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 dist a’ 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 run
gus na sgriobtaichean npm gu lèir fhaicinn.
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:
- Ruith tron t- suidheachadh innealan gu h-àrd gus a h-uile eisimeileachd a stàladh.
/bootstrap
Bhon eòlaire root , ruithnpm run docs-serve
san loidhne-àithne.- 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
.