Source

Vaka maturusi

Dzidza mashandisiro eBootstrap anosanganisirwa npm zvinyorwa kuvaka zvinyorwa zvedu, kuunganidza sosi kodhi, mhanyisa bvunzo, nezvimwe.

Tooling setup

Bootstrap inoshandisa NPM zvinyorwa kune yayo kuvaka system. Yedu package.json inosanganisira nzira dziri nyore dzekushanda nehurongwa, kusanganisira kunyora kodhi, kumhanya bvunzo, nezvimwe.

Kuti ushandise yedu yekuvaka sisitimu uye kumhanyisa zvinyorwa zvedu munharaunda, iwe unozoda kopi yeBootstrap's source mafaera uye Node. Tevera nhanho idzi uye iwe unofanirwa kunge wakagadzirira kuzunungusa:

  1. Dhawunirodha uye isa Node.js , iyo yatinoshandisa kugadzirisa zvatinovimba nazvo.
  2. Enda kumudzi /bootstrapwedhairekitori uye mhanya npm installkuti uise edu emunharaunda anotsamira akanyorwa mu package.json .
  3. Isa Ruby , isa Bundler ne gem install bundler, uye pakupedzisira mhanya bundle install. Izvi zvichaisa zvese zvinoenderana neRuby, seJekyll uye plugins.
    • Vashandisi veWindows: Verenga gwara iri kuti utore Jekyll uye ashande pasina matambudziko.

Kana wapedza, unokwanisa kumhanyisa mirairo yakasiyana-siyana yakapihwa kubva kumutsara wekuraira.

Kushandisa NPM zvinyorwa

Yedu package.json inosanganisira inotevera mirairo uye mabasa:

Basa Tsanangudzo
npm run dist npm run distinogadzira /distdhairekitori nemafaira akaunganidzwa. Inoshandisa Sass , Autoprefixer , uye UgifyJS .
npm test Zvakafanana npm run distnekuwedzera inomhanyisa bvunzo munharaunda
npm run docs Inovaka uye inoisa CSS uye JavaScript yezvinyorwa. Iwe unogona ipapo kumhanyisa zvinyorwa munharaunda kuburikidza ne npm run docs-serve.

Mhanya npm runkuti uone zvese zvinyorwa zvenpm.

Autoprefixer

Bootstrap uses Autoprefixer (included in our build process) to automatically add vendor prefixes to some CSS properties at build time. Doing so saves us time and code by allowing us to write key parts of our CSS a single time while eliminating the need for vendor mixins like those found in v3.

We maintain the list of browsers supported through Autoprefixer in a separate file within our GitHub repository. See /.browserslistrc for details.

Local documentation

Running our documentation locally requires the use of Jekyll, a decently flexible static site generator that provides us: basic includes, Markdown-based files, templates, and more. Here’s how to get it started:

  1. Mhanya nekuseta kwekushandisa kumusoro kuti uise Jekyll (iye muvaki wesaiti) uye kumwe kutsamira kwaRuby ne bundle install.
  2. Kubva pamudzi /bootstrapwedhairekitori, mhanya npm run docs-servemumutsara wekuraira.
  3. Vhura http://localhost:9001mubrowser yako, uye voilà.

Dzidza zvakawanda nezvekushandisa Jekyll nekuverenga zvinyorwa zvayo .

Kugadzirisa matambudziko

Kana iwe ukasangana nezvinetso nekuisa zvinotsamira, bvisa ese ekare anoenderana neshanduro (yepasirese neyemuno). Zvadaro, dzokorora npm install.