Source

Tu dɔwɔnuwo ɖo

Srɔ̃ alesi nàzã Bootstrap ƒe npm ŋɔŋlɔdzesi siwo le eme atsɔ atu míaƒe nuŋlɔɖiwo, aƒo source code nu ƒu, awɔ dodokpɔwo, kple bubuwo.

Dɔwɔnuwo ƒe ɖoɖowɔwɔ

Bootstrap zãa npm ŋɔŋlɔdzesiwo na eƒe xɔtuɖoɖo. Míaƒe package.json la me mɔnu siwo sɔ na dɔwɔwɔ kple ɖoɖowɔɖia le eme, siwo dometɔ aɖewoe nye kɔpiwo nuƒoƒoƒu, dodokpɔwo wɔwɔ, kple bubuwo.

Be nàzã míaƒe xɔtuɖoɖoa eye nàwɔ míaƒe nuŋlɔɖiwo le mia gbɔ la, àhiã Bootstrap ƒe dzɔtsoƒe faɛlwo kple Node ƒe kɔpi. Wɔ ɖe afɔɖeɖe siawo dzi eye ele be nànɔ klalo be yeaʋuʋu:

  1. Wɔ Node.js , si míezãna tsɔ kpɔa míaƒe nusiwo dzi míenɔa te ɖo dzi la ƒe kɔpi eye nàdae ɖe wò kɔmpiuta dzi.
  2. Yi root /bootstrapdirectory la me eye nàƒu du npm installaɖo míaƒe local dependencies siwo woŋlɔ ɖe package.json me la ɖe wò kɔmpiuta dzi .
  3. De Ruby , de Bundler kple gem install bundler, eye mlɔeba nàwɔe bundle install. Esia aɖo Ruby ƒe nusiwo katã dzi woanɔ te ɖo, abe Jekyll kple plugins ene ɖe wò kɔmpiuta dzi.
    • Windows zãlawo: Xlẽ mɔfiame sia be nàna Jekyll nawɔ dɔ kuxi aɖeke manɔmee.

Ne èwu enu la, àte ŋu awɔ sedede vovovo siwo wona tso sededea ƒe fli dzi la.

npm ŋɔŋlɔdzesiwo zazã

Míaƒe package.json la me sedede kple dɔ siwo gbɔna la le:

Nuɖᴐɖᴐ
npm run dist npm run distwɔa /dist/agbalẽdzraɖoƒea kple faɛl siwo woƒo ƒu. Zãa Sass , Autoprefixer , kple UglifyJS .
npm test Same as npm run distplus ewɔa dodokpɔwo le nutoa me
npm run docs Tu kple lints CSS kple JavaScript na docs. Emegbe àte ŋu awɔ nuŋlɔɖiawo le mia gbɔ to npm run docs-serve.

Du npm runyi ɖakpɔ npm ƒe nuŋɔŋlɔawo katã.

Autoprefixer ƒe ŋgɔdonya

Bootstrap zãa Autoprefixer (si le míaƒe xɔtutu ƒe ɖoɖoa me) tsɔ tsɔa nudzralawo ƒe ŋgɔdonyawo kpena ɖe CSS ƒe nɔnɔme aɖewo ŋu le eɖokui si le xɔtutuɣi. Esia wɔwɔ ɖea ɣeyiɣi kple kɔdawo dzi kpɔtɔna na mí to mɔɖeɖe na mí be míaŋlɔ míaƒe CSS ƒe akpa veviwo zi ɖeka me esime wòɖea nudzralawo ƒe mixins abe esiwo wokpɔna le v3 me ene ƒe hiahiã ɖa me.

Míeléa web-browser siwo wodoa alɔ to Autoprefixer dzi ƒe xexlẽdzesiwo me ɖe asi le faɛl bubu aɖe me le míaƒe GitHub nudzraɖoƒea me. Kpɔ .browserslistrc hena numeɖeɖe bubuwo.

Nutoa me nuŋlɔɖiwo

Míaƒe nuŋlɔɖiwo wɔwɔ le nutoa me bia Jekyll zazã, si nye static site generator si te ŋu trɔna bɔbɔe si naa mí: gɔmedzenuwo dometɔ aɖewoe nye, Markdown-based files, templates, kple bubuwo. Ale si nàwɔ adze egɔmee nye esi:

  1. Ƒu du to dɔwɔnu ƒe ɖoɖo si le etame la me be nàde Jekyll (nyatakakadzraɖoƒea tula) kple Ruby ƒe nu bubu siwo dzi woanɔ te ɖo la ɖe bundle install.
  2. Tso ke /bootstrapƒe nuŋlɔɖiwo me la, ƒu du npm run docs-servele sedede fli me.
  3. Ʋu http://localhost:9001le wò web-browser me, eye voilà.

Srɔ̃ nu geɖe tso Jekyll zazã ŋu to eƒe nuŋlɔɖiwo xexlẽ me .

Kuxiwo Gbɔkpɔkpɔ

Ne èdo go kuxiwo le dependencies ɖoɖo me la, ɖe dependency ƒe tɔtrɔ siwo katã nɔ anyi tsã (global kple local) la ɖa. Emegbe, gbugbɔ wɔe npm install.