Source

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. /bootstrapWhakatere ki te whaiaronga pakiaka ka oma npm installki te whakauru i o maatau whakawhirinakitanga rohe kua whakarārangihia ki package.json .
  3. Tāutahia a Ruby , tāutahia te Bundler me te gem install bundler, ka mutu te whakahaere bundle install. Ma tenei ka whakauru i nga herenga Ruby katoa, penei i a Jekyll me nga monomai.
    • Kaiwhakamahi Windows: Panuitia tenei aratohu kia ara ake a Jekyll me te kore raru.

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 UglifyJS .
npm test He rite ano ki te npm run distme te whakahaere whakamatautau i te rohe
npm run docs Ka hanga, ka tuhi i te CSS me te JavaScript mo nga tuhinga. Ka taea e koe te whakahaere i nga tuhinga i te rohe ma te npm run docs-serve.

Rere npm runkia kite i nga tuhinga npm katoa.

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 wa e whakakorehia ana te hiahia mo nga whakaranu 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 i te rohe me whakamahi i a Jekyll, he kaiwhakaputa pae pateko tino ngawari e whakarato ana ki a matou: ko nga mea taketake, ko nga konae a Markdown, nga tauira, me etahi atu. Anei me pehea te tiimata:

  1. Whakahaerehia te tatūnga taputapu i runga ake nei ki te whakauru i a Jekyll (te kaihanga pae) me etahi atu whakawhirinakitanga Ruby me te bundle install.
  2. /bootstrapMai i te whaiaronga pakiaka , rere npm run docs-servei roto i te raina whakahau.
  3. Tuwhera http://localhost:9001i roto i to kaitirotiro, a voilà.

Ako atu mo te whakamahi i a Jekyll ma te panui i ana tuhinga .

Raparongoā

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