Uirlisí a thógáil
Faigh amach conas scripteanna npm san áireamh Bootstrap a úsáid chun ár gcáipéisíocht a thógáil, cód foinse a thiomsú, tástálacha a rith, agus go leor eile.
Socrú uirlisí
Úsáideann Bootstrap scripteanna npm dá chóras tógála. Áiríonn ár package.json modhanna áisiúla chun oibriú leis an gcreat, lena n-áirítear cód a thiomsú, tástálacha a rith, agus go leor eile.
Chun ár gcóras tógála a úsáid agus ár ndoiciméadú a rith go háitiúil, beidh cóip de bhunchomhaid Bootstrap agus Node uait. Lean na céimeanna seo agus ba chóir duit a bheith réidh le carraig:
- Íoslódáil agus suiteáil Node.js , a úsáidimid chun ár spleáchais a bhainistiú.
- Déan foinsí Bootstrap a íoslódáil nó forc ar stór Bootstrap .
- Déan nascleanúint chuig an
/bootstrap
eolaire fréimhe agus rithnpm install
chun ár spleáchais áitiúla atá liostaithe i package.json a shuiteáil .
Nuair a bheidh tú críochnaithe, beidh tú in ann na horduithe éagsúla a sholáthraítear ón líne ordaithe a rith.
Ag baint úsáide as scripteanna npm
Áiríonn ár package.json go leor tascanna chun an tionscadal a fhorbairt. Rith npm run
chun na scripteanna npm go léir a fheiceáil i do chríochfort. I measc na bpríomhthascanna tá:
Tasc | Cur síos |
---|---|
npm start |
Tiomsaíonn CSS agus JavaScript, tógann sé na doiciméid, agus cuireann sé tús le freastalaí áitiúil. |
npm run dist |
Cruthaíonn an dist/ eolaire le comhaid tiomsaithe. Teastaíonn Sass , Autoprefixer , agus terser . |
npm test |
Ritheann tástálacha go háitiúil tar éis rithnpm run dist |
npm run docs-serve |
Tógann agus ritheann na doiciméid go háitiúil. |
Sass
Úsáideann Bootstrap Dart Sass chun ár gcomhaid fhoinse Sass a thiomsú i gcomhaid CSS (san áireamh inár bpróiseas tógála), agus molaimid duit an rud céanna a dhéanamh má tá Sass á thiomsú agat ag baint úsáide as do phíblíne sócmhainní féin. D’úsáideamar Node Sass do Bootstrap v4 roimhe seo, ach tá LibSass agus pacáistí a tógadh ar a bharr, lena n-áirítear Node Sass, imithe i léig anois .
Úsáideann Dart Sass cruinneas slánaithe de 10 agus ar chúiseanna éifeachtúlachta ní cheadaíonn sé an luach seo a choigeartú. Ní laghdaítear an cruinneas seo le linn tuilleadh próiseála ar ár CSS ginte, mar le linn mionúcháin, ach má roghnaíonn tú é sin a dhéanamh molaimid beachtas de 6 ar a laghad a choinneáil chun fadhbanna le slánú brabhsálaí a chosc.
Uathréimír
Úsáideann Bootstrap Autoprefixer (san áireamh inár bpróiseas tógála) chun réimíreanna díoltóirí a chur go huathoibríoch le roinnt maoine CSS ag am tógála. Sábhálann sé sin am agus cód dúinn trí ligean dúinn codanna tábhachtacha dár CSS a scríobh aon am amháin agus deireadh a chur leis an ngá atá le meascáin díoltóirí cosúil leis na cinn atá le fáil in v3.
Coimeádaimid liosta na mbrabhsálaithe a dtacaítear leo trí Autoprefixer i gcomhad ar leith laistigh dár stór GitHub. Féach .browserslistrc le haghaidh sonraí.
RTLCSS
Úsáideann Bootstrap RTLCSS chun CSS tiomsaithe a phróiseáil agus chun iad a thiontú go RTL – go bunúsach ag cur in ionad airíonna treo cothrománach (m.sh. padding-left
) lena mhalairt. Ligeann sé dúinn ár CSS a scríobh ach am amháin agus mionathruithe a dhéanamh ag baint úsáide as treoracha rialaithe agus luacha RTLCSS .
Doiciméadúchán áitiúil
Chun ár gcáipéisíocht a rith go háitiúil ní mór úsáid a bhaint as Hugo, a shuiteálfar tríd an bpacáiste Hugo-bin npm. Is gineadóir láithreáin statach blazingly tapa agus an-sínte é Hugo a sholáthraíonn dúinn: Áirítear bunúsach, comhaid bunaithe ar Markdown, teimpléid, agus go leor eile. Seo conas é a thosú:
- Rith tríd an socrú uirlisí thuas chun gach spleáchas a shuiteáil.
- Ón eolaire fréimhe
/bootstrap
, reáchtáilnpm run docs-serve
sa líne ordaithe. - Oscail
http://localhost:9001/
i do bhrabhsálaí, agus voilà.
Léigh tuilleadh faoi Hugo a úsáid ach a dhoiciméadú a léamh .
Fabhtcheartú
Má bhíonn fadhbanna agat le suiteáil spleáchais, díshuiteáil gach leagan spleáchais roimhe seo (domhanda agus áitiúil). Ansin, athrith npm install
.