Na le seabe

Thulaganyo ya didirišwa

Bootstrap e šomiša dingwalwa tša npm go aga ditokomane le go kgoboketša difaele tša mohlodi. package.json ya rena e na le dingwalwa tše tša go kgoboketša khoutu, go sepetša diteko, le tše dingwe. Tše ga se tša rerelwa go šomišwa ka ntle ga polokelo ya rena le ditokomane.

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:

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.