Tlolela go diteng tše kgolo Tlolela go docs navigation
in English

Aga didirišwa

Ithute ka moo o ka šomišago dingwalwa tša npm tše di akareditšwego tša Bootstrap go aga ditokomane tša rena, go kgoboketša khoutu ya mohlodi, go sepetša diteko, le tše dingwe.

Thulaganyo ya didirišwa

Bootstrap e diriša dingwalwa tša npm bakeng sa tshepedišo ya yona ya go aga. package.json ya rena e akaretša mekgwa ye e loketšego ya go šoma ka tlhako, go akaretšwa go kgoboketša khoutu, go sepetša diteko, le tše dingwe.

Go šomiša tshepedišo ya rena ya go aga le go sepetša ditokomane tša rena ka mo nageng, o tla hloka khopi ya difaele tša mothopo tša Bootstrap le Node. Latela dikgato tše gomme o swanetše go ba o loketše go šišinya:

  1. Download le kenya Node.js , eo re e sebelisang ho laola dependencies rona.
  2. E ka ba thowuni methopo ya Bootstrap goba foroko polokelo ya Bootstrap .
  3. Tsamaya go tšhupetšo ya modu /bootstrapgomme o kitime npm installgo tsenya ditshepetšo tša rena tša selegae tšeo di lokeleditšwego go package.json .

Ge o phethilwe, o tla kgona go sepetša ditaelo tše di fapanego tše di filwego go tšwa mothalong wa taelo.

Go diriša dingwalwa tša npm

package.json ya rena e akaretša mešomo ye mentši ya go hlabolla projeke. Matha npm rungo bona dingwalwa ka moka tša npm ka gare ga terminal ya gago. Mešomo ya mathomo e akaretša:

Mošomo Tlhalošo
npm start E kgoboketša CSS le JavaScript, e aga ditokomane, gomme e thoma seva ya selegae.
npm run dist E hlola dist/tšhupetšo ka difaele tše di kgobokeditšwego. E nyaka Sass , Sehlongwa sa go itiriša , le terser .
npm test E sepetša diteko tša selegae ka morago ga go kitimanpm run dist
npm run docs-serve E aga le go sepetša ditokomane ka mo nageng.
Thoma ka Bootstrap ka npm ka projeke ya rena ya go thoma! Hlogo ya polokelo ya thempleite ya twbs/bootstrap-npm-starter go bona ka moo o ka aga le go tlwaetša Bootstrap ka porojekeng ya gago ya npm. E akaretša mokgoboketši wa Sass, Sehlongwa sa go itiriša, Stylelint, PurgeCSS, le Diaekhone tša Bootstrap.

Sass

Bootstrap e diriša Dart Sass bakeng sa go kgoboketša difaele tša rena tša mohlodi tša Sass go difaele tša CSS (tšeo di akaretšwago tshepedišong ya rena ya go aga), gomme re kgothaletša gore o dire se se swanago ge e ba o kgoboketša Sass o diriša phaephe ya gago ya matlotlo. Re be re diriša Node Sass bakeng sa Bootstrap v4, eupša LibSass le diphuthelwana tšeo di agilwego godimo ga yona, go akaretša le Node Sass, bjale di tlogetšwe .

Dart Sass e šomiša go nepagala ga go dikologa ga 10 gomme ka mabaka a bokgoni ga e dumelele peakanyo ya boleng bjo. Ga re theoše go nepagala mo nakong ya tshepedišo ye nngwe ya CSS ya rena ye e tšweleditšwego, go swana le nakong ya go fokotša, eupša ge o kgethile go dira bjalo re kgothaletša go hlokomela go nepagala ga bonyenyane 6 go thibela ditaba ka go dikologa ga sephephediši.

Sehlongwapele sa go itiriša

Bootstrap e šomiša Autoprefixer (yeo e akaretšwago tshepedišong ya rena ya go aga) go oketša ka go iketla dihlongwapele tša morekiši go dithoto tše dingwe tša CSS ka nako ya go aga. Go dira bjalo go re bolokela nako le khoutu ka go re dumelela go ngwala dikarolo tše bohlokwa tša CSS ya rena nako e tee mola go fediša go nyakega ga di-mixin tša barekiši go swana le tšeo di hwetšwago go v3.

Re hlokomela lenaneo la diphensele tše di thekgwago ka Autoprefixer ka faeleng ye e arogilego ka gare ga polokelo ya rena ya GitHub. Bona .browserslistrc bakeng sa dintlha.

RTLCSS e le

Bootstrap sebelisa RTLCSS ho sebetsa bokella CSS le fetolela bona ho RTL – ha e le hantle nka sebaka tshekaletseng tataiso hlokomela thepa (mohlala. padding-left) le bona fapaneng. E re dumelela fela go ngwala CSS ya rena nako e tee le go dira diphetogo tše nnyane ka go šomiša taolo ya RTLCSS le ditaelo tša boleng .

Ditokomane tša selegae

Go sepetša ditokomane tša rena ka mo nageng go nyaka tšhomišo ya Hugo, yeo e hwetšago go tsenywa ka sephuthelwana sa hugo-bin npm. Hugo ke blazingly itima lijo le e batlang e atoloswa static sebaka jenereithara hore re fa: motheo kenyeletsa, Markdown-thehiloeng difaele, dithempleite, le ho feta. Ke kamoo o ka e thomago ka gona:

  1. Matha ka peakanyo ya didirišwa ka godimo go tsenya ditshepetšo ka moka.
  2. Go tšwa go tšhupetšo ya modu /bootstrap, matha npm run docs-serveka mothalong wa taelo.
  3. Bula http://localhost:9001/ka sephephediši sa gago, gomme voilà.

Ithute ka botlalo ka go šomiša Hugo ka go bala ditokomane tša yona .

Tharollo ya mathata

Ge o ka kopana le mathata a go tsenya ditshepetšo, tloša diphetolelo ka moka tša go ithekga tša peleng (tša lefase ka bophara le tša selegae). Ke moka, kitimiša gape npm install.