Fesoasoani

Fa'atonuga meafaigaluega

Bootstrap faʻaoga npm scripts e fausia ai faʻamaumauga ma faʻapipiʻi faila faila. O la matou package.json o loʻo faʻapipiʻi ai nei tusitusiga mo le tuʻufaʻatasia o code, faʻataʻitaʻiga suʻega, ma isi mea. O nei mea e le'o fa'amoemoe mo le fa'aoga i fafo atu o la matou fale teu oloa ma fa'amaumauga.

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:

1. Faʻapipiʻi ma faʻapipiʻi Node.js , lea matou te faʻaogaina e pulea ai a matou faʻalagolago.
2. Po'o le siiina mai o puna'oa a Bootstrap po'o le tui le faleteuoloa a Bootstrap .
3. Su'e i le root /bootstrapdirectory ma tamoe npm installe 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 rune vaʻai i tusitusiga npm uma i lau laina. O galuega autu e aofia ai:

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 se fa'ata'amilosaga sa'o 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 i la tatou faiga faufale) e otometi ona fa'aopoopo fa'amuamua 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

E fa'aaoga e Bootstrap le RTLCSS e fa'agasolo ai le CSS tu'ufa'atasia ma fa'aliliu i le RTL - fa'asolo le mea e iloa ai le fa'ata'amilosaga (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ʻatautaia o 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:

1. Faʻasaga i le seti meafaigaluega i luga e faʻapipiʻi uma faʻalagolago.
2. Mai le root /bootstrapdirectory, tamoe npm run docs-servei le laina o le poloaiga.
3. Tatala http://localhost:9001/i lau su'esu'ega, ma e leai.

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.