Source

Kujenga zana

Jifunze jinsi ya kutumia hati za npm zilizojumuishwa za Bootstrap ili kuunda hati zetu, kukusanya msimbo wa chanzo, endesha majaribio, na zaidi.

Mpangilio wa zana

Bootstrap hutumia hati za NPM kwa mfumo wake wa ujenzi. Kifurushi chetu.json ni pamoja na mbinu rahisi za kufanya kazi na mfumo, ikiwa ni pamoja na kukusanya msimbo, kufanya majaribio, na zaidi.

Ili kutumia mfumo wetu wa ujenzi na kuendesha hati zetu ndani ya nchi, utahitaji nakala ya faili chanzo za Bootstrap na Node. Fuata hatua hizi na unapaswa kuwa tayari kutikisa:

  1. Pakua na usakinishe Node.js , ambayo tunaitumia kudhibiti utegemezi wetu.
  2. /bootstrapNenda kwenye saraka ya mizizi na ukimbie npm installkusakinisha vitegemezi vyetu vya ndani vilivyoorodheshwa katika package.json .
  3. Sakinisha Ruby , sakinisha Bundler na gem install bundler, na hatimaye endesha bundle install. Hii itasakinisha tegemezi zote za Ruby, kama vile Jekyll na programu-jalizi.
    • Watumiaji wa Windows: Soma mwongozo huu ili kupata Jekyll na kufanya kazi bila matatizo.

Ikikamilika, utaweza kutekeleza amri mbalimbali zinazotolewa kutoka kwa mstari wa amri.

Kwa kutumia hati za NPM

Kifurushi chetu.json kinajumuisha amri na kazi zifuatazo:

Kazi Maelezo
npm run dist npm run disthuunda /distsaraka na faili zilizokusanywa. Hutumia Sass , Autoprefixer , na UgifyJS .
npm test Sawa na npm run distpamoja na inaendesha majaribio ndani ya nchi
npm run docs Hujenga na kuunganisha CSS na JavaScript kwa hati. Kisha unaweza kuendesha hati ndani yako kupitia npm run docs-serve.

Endesha npm runili kuona hati zote za npm.

Kiambishi kiambishi otomatiki

Bootstrap hutumia Autoprefixer (iliyojumuishwa katika mchakato wetu wa uundaji) kuongeza kiambishi awali cha muuzaji kwa baadhi ya mali za CSS wakati wa ujenzi. Kufanya hivyo hutuokoa wakati na msimbo kwa kuturuhusu kuandika sehemu muhimu za CSS yetu mara moja huku tukiondoa hitaji la michanganyiko ya wachuuzi kama ile inayopatikana katika v3.

Tunadumisha orodha ya vivinjari vinavyotumika kupitia Autoprefixer katika faili tofauti ndani ya hazina yetu ya GitHub. Tazama /.browserslistrc kwa maelezo.

Nyaraka za ndani

Kuendesha hati zetu ndani ya nchi kunahitaji matumizi ya Jekyll, jenereta ya tovuti tuli inayoweza kunyumbulika vyema ambayo hutupatia: msingi ni pamoja na, faili zinazotegemea Markdown, violezo na zaidi. Hivi ndivyo jinsi ya kuianzisha:

  1. Tembea kupitia usanidi wa zana hapo juu ili kusakinisha Jekyll (mjenzi wa tovuti) na utegemezi mwingine wa Ruby na bundle install.
  2. /bootstrapKutoka kwenye saraka ya mizizi , endesha npm run docs-servekwenye mstari wa amri.
  3. Fungua http://localhost:9001katika kivinjari chako, na voilà.

Jifunze zaidi kuhusu kutumia Jekyll kwa kusoma hati zake .

Utatuzi wa shida

Ukikumbana na matatizo ya kusakinisha vitegemezi, sanidua matoleo yote ya awali ya utegemezi (ya kimataifa na ya ndani). Kisha, rudia npm install.