in English

Hanga taputapu

Akohia me pehea te whakamahi i nga tuhinga npm whakauru a Bootstrap ki te hanga i a maatau tuhinga, whakahiato waehere puna, whakahaere whakamatautau, me etahi atu.

Tatūnga taputapu

Ka whakamahia e Bootstrap nga tuhinga npm mo tana punaha hanga. Kei roto i ta maatau package.json nga tikanga watea mo te mahi me te anga, tae atu ki te whakahiato waehere, nga whakamatautau whakahaere, me etahi atu.

Hei whakamahi i ta maatau punaha hanga me te whakahaere i a maatau tuhinga i te rohe, ka hiahia koe ki te kape o nga konae puna a Bootstrap me te Node. A pee i enei mahi ka rite koe ki te toka:

  1. Tikiake me te whakauru i te Node.js , ka whakamahia e matou hei whakahaere i o maatau whakawhirinaki.
  2. Tangohia nga puna a Bootstrap , marau ranei te putunga a Bootstrap .
  3. /bootstrapWhakatere ki te whaiaronga pakiaka ka oma npm installki te whakauru i o maatau whakawhirinakitanga rohe kua whakarārangihia ki package.json .

Ina oti, ka taea e koe te whakahaere i nga momo whakahau e whakaratohia ana mai i te rarangi whakahau.

Te whakamahi i nga tuhinga npm

Kei roto i ta maatau package.json nga whakahau me nga mahi e whai ake nei:

Mahi Whakaahuatanga
npm run dist npm run distka waihanga i te /dist/whaiaronga me nga konae kua whakahiato. Ka whakamahi i te Sass , Autoprefixer , me te terser .
npm test Ka whakahaerehia nga whakamatautau i te rohe i muri i te omanpm run dist
npm run docs-serve Ka hanga, ka whakahaere i nga tuhinga i te rohe.

Rere npm runkia kite i nga tuhinga npm katoa.

Me timata me Bootstrap ma te npm me ta maatau kaupapa timata! Haere ki te whare taonga tauira twbs/bootstrap-npm-starter kia kite me pehea te hanga me te whakarite i a Bootstrap i roto i to ake kaupapa npm. Kei roto ko Sass compiler, Autoprefixer, Stylelint, PurgeCSS, me Bootstrap Ata.

Sass

Ka whakamahi a Bootstrap v4 i a Node Sass mo te whakahiato i a maatau konae puna Sass ki roto i nga konae CSS (kei roto i a maatau mahi hanga). Kia mutu ai te ahua o te CSS i hangaia i te wa e whakahiato ana i a Sass ma te whakamahi i to ake paipa rawa, me whakamahi koe i tetahi kaitoi Sass e tautoko ana i nga ahuatanga e mahia ana e Node Sass. He mea nui tenei kia maumahara na te mea mai i te Oketopa 26, 2020, ko LibSass me nga kete i hangaia ki runga ake—tae atu ki a Node Sass—ka whakakorehia .

Mena kei te hiahia koe ki nga ahuatanga Sass hou ake, ki te hototahi ranei ki nga paerewa CSS hou ake, ko Dart Sass te whakatinanatanga tuatahi o Sass me te tautoko i te API JavaScript e tino hototahi ana ki te Node Sass (me etahi ohanga kua raarangi ki te wharangi GitHub a Dart Sass ).

Ka whakanuia e matou te tika o te whakaawhiwhi Sass ki te 6 (ma te taunoa, ko te 5 i roto i te Node Sass) hei aukati i nga take e pa ana ki te hurihanga tirotiro. Mena ka whakamahi koe i te Dart Sass ehara tenei i tetahi mea e tika ana kia whakatikahia e koe, na te mea ka whakamahia e te kaitoi he 10 te tika o te whakaawhiwhi, na te mea karekau e whakaae kia whakatikaina.

WhakapaiAunoa

Ka whakamahi a Bootstrap i te Autoprefixer (kei roto i a maatau mahi hanga) hei taapiri aunoa i nga tohu tohu kaihoko ki etahi taonga CSS i te wa hanga. Ma te mahi pera ka whakaora tatou i te wa me te waehere ma te tuku i a maatau ki te tuhi i nga waahanga matua o a maatau CSS mo te wa kotahi i te whakakore i te hiahia mo nga whakaurunga kaihoko penei i era i kitea i roto i te v3.

Ka pupuri tonu matou i te rarangi o nga kaitirotiro e tautokohia ana e Autoprefixer i roto i tetahi konae motuhake i roto i ta maatau putunga putunga GitHub. Tirohia te .browserslistrc mo nga taipitopito.

Nga tuhinga a rohe

Ko te whakahaere i a maatau tuhinga a rohe me whakamahi a Hugo, ka whakauruhia ma te putea hugo-bin npm. Ko Hugo he kaiwhakawhanake pae pateko tino tere me te whanui e whakarato ana ki a matou: ko nga mea taketake, ko nga konae a Markdown, tauira, me etahi atu. Anei me pehea te tiimata:

  1. Whakahaerehia te tatūnga taputapu i runga ake nei hei whakauru i nga whakawhirinakitanga katoa.
  2. /bootstrapMai i te whaiaronga pakiaka , rere npm run docs-servei roto i te raina whakahau.
  3. Tuwhera http://localhost:9001/i roto i to kaitirotiro, a voilà.

Ako atu mo te whakamahi Hugo ma te panui i ana tuhinga .

Raparongoā

Mena ka raru koe ki te whakauru i nga whakawhirinakitanga, wetewete i nga putanga whakawhirinakitanga katoa o mua (a-ao me te rohe). Na, rere ano npm install.