Manamboara fitaovana
Ianaro ny fomba fampiasana ny sora-baventy npm ao amin'ny Bootstrap hanamboarana ny antontan-taratasintsika, hanangonana kaody loharano, hanaovana fitsapana, sy ny maro hafa.
Fanamboarana fitaovana
Bootstrap dia mampiasa script npm ho an'ny rafitra fananganana azy. Ny package.json dia ahitana fomba mety amin'ny fiasana amin'ny rafitra, ao anatin'izany ny fanangonana kaody, ny fanaovana fitiliana, ary ny maro hafa.
Raha hampiasa ny rafitra fananganana sy hampandehanana ny antontan-taratasintsika eo an-toerana ianao dia mila dika mitovy amin'ny rakitra loharanon'i Bootstrap sy ny Node. Araho ireto dingana ireto ary tokony ho vonona amin'ny rock ianao:
- Ampidino ary apetraho ny Node.js , izay ampiasainay hitantana ny fiankinanay.
- Na alao ny loharanon'i Bootstrap na ny fitehirizan'i Bootstrap .
- Mankanesa any amin'ny
/bootstrap
lahatahiry fototra ary mihazakazakanpm install
hametraka ny fiankinana eo an-toerana voatanisa ao amin'ny package.json .
Rehefa vita ianao dia afaka manatanteraka ireo baiko isan-karazany omena avy amin'ny tsipika baiko.
Mampiasa script npm
Ny package.json dia ahitana asa maro amin'ny famolavolana ny tetikasa. Mihazakazaha npm run
hijery ny script npm rehetra ao amin'ny terminal anao. Ny asa voalohany dia ahitana:
ASA | Description |
---|---|
npm start |
Manangona CSS sy JavaScript, manorina ny antontan-taratasy, ary manomboka mpizara eo an-toerana. |
npm run dist |
Mamorona ny dist/ lahatahiry misy rakitra natambatra. Mitaky Sass , Autoprefixer , ary terser . |
npm test |
Manatanteraka fitsapana eo an-toerana aorian'ny fandehanananpm run dist |
npm run docs-serve |
Manorina sy mitantana ny antontan-taratasy eo an-toerana. |
Sass
Bootstrap dia mampiasa Dart Sass amin'ny fanangonana ny rakitra loharano Sass ho rakitra CSS (tafiditra ao anatin'ny dingana fananganana), ary manoro hevitra anao izahay mba hanao toy izany koa raha manangona Sass amin'ny alàlan'ny fantsom-panananao manokana ianao. Nampiasa Node Sass ho an'ny Bootstrap v4 izahay teo aloha, fa ny LibSass sy ny fonosana naorina teo amboniny, anisan'izany ny Node Sass, dia tsy ampiasaina intsony .
Dart Sass dia mampiasa tsipika boribory 10 ary noho ny antony mahomby dia tsy mamela ny fanitsiana an'io sanda io. Tsy ampidininay io fahitsiana io mandritra ny fanodinana bebe kokoa ny CSS novokarinay, toy ny mandritra ny fampihenana, fa raha nisafidy ny hanao izany ianao dia manoro hevitra ny hitazona ny mari-pamantarana farafahakeliny 6 mba hisorohana ny olana amin'ny famandrihana ny navigateur.
Autoprefixer
Bootstrap dia mampiasa Autoprefixer (tafiditra ao anatin'ny dingan'ny fananganana) mba hampidirana tovan'ny mpivarotra ho azy amin'ny fananana CSS sasany amin'ny fotoana fananganana. Ny fanaovana izany dia mitsitsy fotoana sy kaody amin'ny alàlan'ny famelana antsika hanoratra ampahany manan-danja amin'ny CSS-tsika indray mandeha ary manafoana ny filàna mixins mpivarotra toa an'ireo hita ao amin'ny v3.
Izahay dia mitazona ny lisitry ny navigateur tohanana amin'ny alàlan'ny Autoprefixer ao anaty rakitra misaraka ao anatin'ny tahiry GitHub. Jereo ny .browserslistrc raha mila fanazavana fanampiny.
RTLCSS
Ny Bootstrap dia mampiasa RTLCSS mba hanodinana ny CSS voaangona ary hamadika azy ireo ho RTL - amin'ny ankapobeny dia manolo ny toetran'ny torolalana mitsivalana (oh. padding-left
) amin'ny mifanohitra amin'izany. Izy io dia mamela antsika hanoratra ny CSS indray mandeha ihany ary hanao fanovana kely amin'ny alàlan'ny fanaraha- maso RTLCSS sy ny toromarika sarobidy .
Taratasy eo an-toerana
Ny fampandehanana ny antontan-taratasintsika eo an-toerana dia mitaky ny fampiasana Hugo, izay apetraka amin'ny alàlan'ny fonosana hugo-bin npm. Hugo dia mpanamboatra tranokala static haingana sy azo esorina izay manome antsika: fototra ahitana, rakitra miorina amin'ny Markdown, môdely ary maro hafa. Toy izao ny fomba hanombohana azy:
- Mihazakazaka amin'ny fametrahana fitaovana etsy ambony mba hametrahana ny fiankinan-doha rehetra.
- Avy amin'ny
/bootstrap
lahatahiry fototra, mandehananpm run docs-serve
ao amin'ny baiko baiko. - Sokafy
http://localhost:9001/
amin'ny navigateur, ary voilà.
Mianara bebe kokoa momba ny fampiasana an'i Hugo amin'ny famakiana ny antontan -taratasiny .
Fanamboarana
Raha sendra olana amin'ny fametrahana ny fiankinan-doha ianao dia esory ny dikan-teny miankina rehetra teo aloha (manerantany sy eo an-toerana). Avy eo, avereno indray npm install
.