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 ditaelo le mešomo ye e latelago:

Matha npm rungo bona dingwalwa ka moka tša npm.

Sass

Bootstrap v4 e diriša Node 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). Gore o kgone go feleletša ka CSS ye e swanago ye e tšweleditšwego ge o kgoboketša Sass o šomiša phaephe ya gago ya matlotlo, o tla swanelwa ke go šomiša mokgoboketši wa Sass yo a thekgago bonyenyane dikarolo tšeo Node Sass e di dirago. Se se bohlokwa go se lemoga ka gobane go tloga ka October 26, 2020, LibSass le diphuthelwana tšeo di agilwego godimo ga yona—go akaretša le Node Sass—di tlogetšwe .

Ge o nyaka dikarolo tše mpsha tša Sass goba go sepelelana le maemo a maswa a CSS, Dart Sass bjale ke phethagatšo ya mathomo ya Sass gomme e thekga API ya JavaScript yeo e sepelelanago ka botlalo le Node Sass (ka mekgekolo ye mmalwa yeo e lokeleditšwego letlakaleng la GitHub la Dart Sass ).

Re oketša go nepagala ga go dikologa ga Sass go fihla go 6 (ka go ikemela, ke 5 ka go Node Sass) go thibela ditaba tša go dikologa ga sephephediši. Ge o šomiša Dart Sass se e ka se be selo seo o swanetšego go se beakanya, ka ge mokgoboketši yoo a šomiša go nepagala ga go dikologa ga 10 gomme ka mabaka a bokgoni a sa e dumelele go beakanywa.

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.

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.