Fa'ase'e ile anotusi autu Fa'ase'e ile su'ega fa'amatalaga
in English

Fesoasoani

Fesoasoani e atiaʻe Bootstrap ma a matou faʻamaumauga e fausia ai tusitusiga ma suʻega.

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:

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.
Amata i Bootstrap e ala i le npm ma la matou poloketi amata! Ulu i le twbs/bootstrap-npm-starter template repository e vaʻai pe faʻapefea ona fausia ma faʻavasega Bootstrap i lau lava galuega npm. E aofia ai Sass compiler, Autoprefixer, Stylelint, PurgeCSS, ma Bootstrap Icons.

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:

  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 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.