in English

Tongela bisaleli

Yekola ndenge ya kosalela ba scripts ya npm oyo ezali na Bootstrap mpo na kotonga mikanda na biso, kosangisa code source, kosala ba tests, mpe mingi mosusu.

Bobongisi ya bisaleli

Bootstrap esalela ba scripts ya npm mpo na système ya kotonga na yango. Package.json na biso ezali na ba méthodes ya malamu mpo na kosala na cadre, na kati na yango kosangisa code, kosala ba tests, mpe mingi mosusu.

Mpo na kosalela système na biso ya kotonga mpe kosala mikanda na biso na esika moko, okozala na mposa ya kopi ya ba fichiers source mpe Node ya Bootstrap. Landa ba étapes oyo pe esengeli ozala prêt ya ko rocker:

  1. Télécharger pe installer Node.js , oyo tosalelaka pona ko gérer ba dépendances na biso.
  2. Soit télécharger ba sources ya Bootstrap to fork dépôt ya Bootstrap .
  3. Naviguer na répertoire ya misisa /bootstrappe kima npm installpona ko installer ba dépendances locales na biso oyo etangami na package.json .

Ntango osilisi, okozala na likoki ya kosala mitindo ndenge na ndenge oyo epesami uta na molɔngɔ ya mitindo.

Kosalela ba scripts ya npm

Package.json na biso ezali na ba commandes mpe misala oyo elandi:

Mosala Ndimbola
npm run dist npm run distesali /dist/répertoire na ba fichiers compilé. Esalelaka Sass , Autoprefixer , mpe terser .
npm test Esalaka ba tests localement sima ya ko kimanpm run dist
npm run docs-serve Etongaka mpe etambwisaka mikanda na esika.

Kima npm runpona komona ba scripts nionso ya npm.

Bandá na Bootstrap na nzela ya npm na projet na biso ya kobanda! Motó na ebombelo ya modèle twbs/bootstrap-npm-starter mpo na komona ndenge ya kotonga mpe kobongisa Bootstrap na projet na yo moko ya npm. Ezali na compilateur ya Sass, Autoprefixer, Stylelint, PurgeCSS, mpe ba Icônes ya Bootstrap.

Sass oyo azali

Bootstrap v4 esalela Node Sass mpo na kosangisa ba fichiers source na biso ya Sass na ba fichiers CSS (ezali na kati ya processus na biso ya kotonga). Pona kosuka na CSS moko oyo esalemi tango ozali ko compiler Sass na nzela ya pipeline ya ba biens na yo moko, ekosenga osalela compilateur ya Sass oyo esungaka ata ba fonctionnalités oyo Node Sass esalaka. Yango ezali na ntina koyeba mpo ete kobanda mokolo ya 26 Ɔkɔtɔbɛ 2020, LibSass mpe ba paquets oyo etongami likoló na yango —bakisa mpe Node Sass —esili kosalelama te .

Soki ozali na mposa ya makambo ya sika ya Sass to boyokani na mibeko ya sika ya CSS, Dart Sass ezali sikawa bosaleli ya liboso ya Sass mpe ezali kosunga API ya JavaScript oyo ekokani mobimba na Node Sass (na mwa bolongoli oyo etangami na lokasa ya GitHub ya Dart Sass ).

Tomatisaka précision ya arrondissement ya Sass na 6 (par défaut, ezali 5 na Node Sass) pona kopekisa ba problèmes na arrondissement ya navigateur. Soki osaleli Dart Sass oyo ekozala eloko te oyo esengeli obongisa, lokola compilateur wana esalelaka précision ya arrondissement ya 10 mpe mpo na ba raisons ya efficacité epesaka nzela te ya kobongisa yango.

Autoprefixer ya kosala

Bootstrap esalela Autoprefixer (ezali na kati ya mosala na biso ya kotonga) mpo na kobakisa na ndenge ya automatique ba préfix ya motɛkisi na ba propriétés mosusu ya CSS na ntango ya kotonga. Kosala bongo ebombaka biso ntango mpe code na kopesaka biso nzela ya kokoma biteni ya ntina ya CSS na biso mbala moko nzokande elongolaka mposa ya ba mixins ya batekisi lokola oyo ezwami na v3.

Tozali kobatela liste ya ba navigateurs oyo esungami na nzela ya Autoprefixer na fichier ekeseni na kati ya ebombelo na biso ya GitHub. Tala .browserslistrc mpo na koyeba makambo mosusu.

Mikanda ya mboka

Kosala mikanda na biso na esika esengaka kosalela Hugo, oyo ezuaka installé na nzela ya paquet hugo-bin npm. Hugo ezali générateur ya site statique blazingly rapide mpe assez extensible oyo epesaka biso: basic esangisi, ba fichiers basé na Markdown, ba modèles, mpe mingi mosusu. Talá ndenge ya kobanda yango:

  1. Kima na nzela ya configuration ya outils oyo ezali likolo pona ko installer ba dépendances nionso.
  2. /bootstrapKobanda na répertoire ya misisa , tambuisa npm run docs-servena ligne ya commande.
  3. Fungola http://localhost:9001/na navigateur na yo, mpe voilà.

Yekola makambo mingi na ntina ya kosalela Hugo na kotánga mikanda na yango .

Kosilisa mikakatano

Soki okutani na mikakatano na installation ya ba dépendances, longola ba versions nionso ya dépendance ya kala (global mpe local). Na nsima, kosala lisusu npm install.