Fausia meafaigaluega
A'oa'o pe fa'apefea ona fa'aoga le Bootstrap's aofia ai npm scripts e fausia ai a tatou pepa fa'amaumauga, tu'ufa'atasia le code source, su'e su'ega, ma isi mea.
Fa'atonuga meafaigaluega
Bootstrap faʻaoga npm scripts mo lona faʻaogaina faiga. O la matou package.json e aofia ai metotia talafeagai mo le galue ma le faʻavae, e aofia ai le tuʻufaʻatasia o code, suʻega faʻataʻitaʻiga, ma isi mea.
Mo le faʻaogaina o la matou faufale ma faʻatautaia a matou faʻamaumauga i le lotoifale, e te manaʻomia se kopi o faila faila a Bootstrap ma Node. Mulimuli i laasaga nei ma e tatau ona e sauni e lulu:
- Faʻapipiʻi ma faʻapipiʻi Node.js , lea matou te faʻaogaina e pulea ai a matou faʻalagolago.
- Po'o le siiina mai o puna'oa a Bootstrap po'o le tui le faleteuoloa a Bootstrap .
- Su'e i le root
/bootstrap
directory ma tamoenpm install
e fa'apipi'i a matou fa'alagolago i le lotoifale o lo'o lisiina i totonu package.json .
A maeʻa, o le a mafai ona e faʻatautaia tulafono eseese o loʻo tuʻuina mai i le laina o le poloaiga.
Faʻaaogaina tusi npm
O la matou package.json e aofia ai le tele o galuega mo le atinaʻeina o le poloketi. Tamomoe npm run
e vaʻai i tusitusiga npm uma i lau laina. O galuega autu e aofia ai:
Galuega | Fa'amatalaga |
---|---|
npm start |
Tu'ufa'atasia le CSS ma le Javascript, fausia fa'amaumauga, ma amata ai se 'au'aunaga i le lotoifale. |
npm run dist |
Fausia le dist/ lisi ma faila tu'ufa'atasi. Manaomia Sass , Autoprefixer , ma terser . |
npm test |
Fa'atino su'ega i le lotoifale pe a uma ona ta'enpm run dist |
npm run docs-serve |
Fausia ma fa'agasolo fa'amaumauga i le lotoifale. |
Sass
E fa'aaoga e Bootstrap le Dart Sass mo le tu'ufa'atasia o faila fa'apogai a matou Sass i faila CSS (e aofia i la matou fa'agasologa faufale), ma matou te fa'ailoa atu fo'i e te faia fa'apena pe afai o lo'o e tu'ufa'atasia Sass e fa'aoga ai lau lava paipa o aseta. Na matou faʻaaogaina muamua Node Sass mo Bootstrap v4, ae o LibSass ma afifi na fausia i luga, e aofia ai Node Sass, ua faʻaumatia nei .
E fa'aogaina e Dart Sass le sa'o atoatoa o le 10 ma mo mafua'aga lelei e le fa'atagaina ai le fetuunaiga o lenei tau. Matou te le fa'alaloina lenei sa'o a'o fa'agasolo atili a matou CSS fa'atupuina, e pei o le taimi fa'aitiitiga, ae afai e te filifili e fai, matou te fautuaina le fa'atumauina o le sa'o ia le itiiti ifo i le 6 e puipuia ai fa'afitauli i le fa'asologa o su'esu'ega.
Autoprefixer
E fa'aaoga e Bootstrap le Autoprefixer (e aofia ai i la tatou faiga faufale) e otometi ona fa'aopoopo fa'atauga fa'atau i nisi o meatotino CSS ile taimi fau. O le faia o lea mea e sefe ai le taimi ma le faʻailoga e ala i le faʻatagaina oi matou e tusi vaega autu o la matou CSS i se taimi e tasi aʻo faʻaumatia le manaʻoga mo faʻafefiloi faʻatau e pei o loʻo maua i le v3.
Matou te tausia le lisi o suʻesuʻega o loʻo lagolagoina e le Autoprefixer i se isi faila i totonu o le matou fale teu oloa GitHub. Va'ai .browserslistrc mo fa'amatalaga.
RTLCSS
Fa'aaoga e Bootstrap le RTLCSS e fa'agasolo ai le CSS tu'ufa'atasia ma fa'aliliu i le RTL - fa'atatau i le suia o mea e iloa ai le itu fa'ata'atia (fa'ata'ita'iga padding-left
) i lo latou fa'afeagai. E fa'atagaina na'o matou tusia la matou CSS i le taimi e tasi ma fai ni tweaks laiti e fa'aaoga ai le RTLCSS pule ma fa'atonuga tau .
Fa'amaumauga fa'alotoifale
O le faʻatinoina oa matou faʻamaumauga i le lotoifale e manaʻomia ai le faʻaogaina o Hugo, lea e faʻapipiʻiina e ala i le hugo-bin npm package. O Hugo ose fa'atosina vave ma fa'alauteleina le fa'atupuina o le 'upega tafa'ilagi e maua ai i tatou: fa'avae e aofia ai, faila fa'avae Markdown, fa'ata'ita'iga, ma isi mea. O le auala lenei e amata ai:
- Faʻasaga i le seti meafaigaluega i luga e faʻapipiʻi uma faʻalagolago.
- Mai le root
/bootstrap
directory, tamoenpm run docs-serve
i le laina o le poloaiga. - Tatala
http://localhost:9001/
i lau suʻesuʻega, ma faʻaalia.
Aʻoaʻo atili e uiga i le faʻaaogaina o Hugo e ala i le faitauina o ana faʻamaumauga .
Fa'afitauli
Afai e te feagai ma faʻafitauli i le faʻapipiʻiina o mea faʻalagolago, aveese uma lomiga faʻalagolago muamua (lalolagi ma le lotoifale). Ona toe fai lea npm install
.