Source

Yɛ nnwinnade a wɔde bɛyɛ adwuma

Sua sɛnea wode Bootstrap no npm scripts a ɛka ho no bedi dwuma de akyekye yɛn nkrataa, aboaboa source code ano, ayɛ sɔhwɛ ahorow, ne nea ɛkeka ho.

Nnwinnade nhyehyɛe

Bootstrap de NPM scripts di dwuma ma ne dan nhyehyɛe. Yɛn package.json no wɔ akwan a ɛyɛ mmerɛw a wɔfa so de framework no yɛ adwuma, a nea ɛka ho ne code a wɔbɛboaboa ano, sɔhwɛ ahorow a wɔde tu mmirika, ne nea ɛkeka ho.

Sɛ wode yɛn build system no bedi dwuma na woayɛ yɛn documentation no wɔ locally a, wubehia Bootstrap no source files ne Node no bi. Di anammɔn yi akyi na ɛsɛ sɛ woyɛ krado sɛ wobɛwosow:

  1. Twe na install Node.js , a yɛde di dwuma de hwɛ yɛn dependencies so.
  2. Kɔ root /bootstrapdirectory no so na tu mmirika npm installkɔ instɔl yɛn local dependencies a wɔakyerɛw wɔ package.json mu no.
  3. Install Ruby , instɔl Bundler ne gem install bundler, na awiei koraa no tu mmirika bundle install. Wei bɛ instɔl Ruby dependencies nyinaa, te sɛ Jekyll ne plugins.
    • Windows dwumadiefoɔ: Kenkan akwankyerɛ yi na ama Jekyll ayɛ adwuma a ɔhaw biara nni ho.

Sɛ wowie a, wobɛtumi ayɛ ahyɛdeɛ ahodoɔ a wɔde ama no afiri ahyɛdeɛ kwan no so.

NPM nkyerɛwde ahorow a wɔde bedi dwuma

Yɛn package.json no ka ahyɛde ne nnwuma a edidi so yi ho:

Adwuma Nkyerɛmu
npm run dist npm run distyɛ /distdirectory no a fael ahorow a wɔaboaboa ano wom. Ɔde Sass , Autoprefixer , ne UglifyJS di dwuma .
npm test Same as npm run distplus ɛyɛ sɔhwɛ ahorow wɔ mpɔtam hɔ
npm run docs Ɔkyekye na lints CSS ne JavaScript ma docs. Afei wubetumi ayɛ nkrataa no wɔ mpɔtam hɔ denam npm run docs-serve.

Mmirikatu npm runkɔhwɛ npm scripts no nyinaa.

Autoprefixer a wɔde di dwuma

Bootstrap de Autoprefixer (a ɛka yɛn adansi nhyehyɛe no ho) di dwuma de ankasa de vendor prefixes ka CSS agyapade binom ho wɔ ɔdansi bere mu. Saa a yɛyɛ no ma yɛkora yɛn bere ne koodu so denam ma a ɛma yetumi kyerɛw yɛn CSS no afã atitiriw prɛko pɛ bere a eyi hia a ɛho hia sɛ yɛde vendor mixins te sɛ nea wohu wɔ v3 no fi hɔ no so.

Yɛhwɛ browser ahorow a ɛnam Autoprefixer so boa no din so wɔ fael soronko bi mu wɔ yɛn GitHub adekorabea no mu. Hwɛ /package.json ma nsɛm no mu nsɛm.

Mpɔtam hɔ nkrataa a wɔakyerɛw

Yɛn nkrataa a yɛde bɛyɛ adwuma wɔ mpɔtam hɔ no hwehwɛ sɛ yɛde Jekyll, static site generator a ɛyɛ mmerɛw a ɛyɛ mmerɛw a ɛma yenya: mfitiase ka ho, fael ahorow a egyina Markdown so, nsusuwso ahorow, ne nea ɛkeka ho di dwuma. Ɔkwan a wobɛfa so afi ase ni:

  1. Tu mmirika fa adwinnade nhyehyɛe a ɛwɔ atifi hɔ no mu na fa Jekyll (sait dansifo) ne Ruby dependencies afoforo a ɛwɔ bundle install.
  2. Efi ntini /bootstrapkyerɛwtohɔ no mu, tu mmirika npm run docs-servewɔ ahyɛde kwan no mu.
  3. Bue http://localhost:9001wɔ wo browser no mu, na voilà.

Sua pii fa Jekyll a wode bedi dwuma ho denam ne nkrataa a wobɛkenkan no so .

Ɔhaw ahorow a wodi ho dwuma

Sɛ wohyia ɔhaw wɔ dependencies instɔlehyɛn mu a, yi dependency nkyerɛaseɛ a atwam no nyinaa (wiase nyinaa ne mpɔtam hɔ). Afei, san tu mmirika bio npm install.