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:
- Télécharger pe installer Node.js , oyo tosalelaka pona ko gérer ba dépendances na biso.
- Soit télécharger ba sources ya Bootstrap to fork dépôt ya Bootstrap .
- Naviguer na répertoire ya misisa
/bootstrap
pe kimanpm install
pona 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 misala ebele mpo na kosala projet. Kima npm run
pona komona ba scripts nionso ya npm na terminal na yo. Misala ya liboso ezali:
Mosala | Ndimbola |
---|---|
npm start |
Esangisi CSS mpe JavaScript, etongaka mikanda, mpe ebandi serveur ya esika. |
npm run dist |
Ezali kosala dist/ répertoire na ba fichiers compilé. Esengaka 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. |
Sass oyo azali
Bootstrap esalela Dart Sass mpo na kosangisa ba fichiers source na biso ya Sass na ba fichiers CSS (ezali na kati ya processus na biso ya kotonga), mpe tozali kopesa toli ete osala mpe bongo soki ozali kosangisa Sass na kosalelaka pipeline ya biloko na yo moko. Tozalaki liboso kosalela Node Sass mpo na Bootstrap v4, kasi LibSass mpe ba paquets oyo etongami likolo na yango, bakisa mpe Node Sass, ezali sikoyo déprecated .
Dart Sass esalela précision ya arrondissement ya 10 mpe mpo na ba raisons ya efficacité epesaka nzela te na ajustement ya valeur oyo. Tokitisaka précision oyo te na tango ya traitement mosusu ya CSS na biso oyo tosalaki, lokola na tango ya minification, kasi soki oponi kosala yango tosengi kobatela précision ya au moins 6 mpo na kopekisa ba problèmes na arrondissement ya navigateur.
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.
RTLCSS ezali
Bootstrap esalela RTLCSS pona ko traité CSS compilé pe ko convertir yango na RTL – essentiellement ko remplacer ba propriétés conscientes ya direction horizontale (eg. padding-left
) na opposé na bango. Ezali kopesa biso nzela ya kokoma kaka CSS na biso mbala moko mpe kosala ba tweaks ya mikemike na kosalelaka ba directives ya contrôle mpe ya valeur ya RTLCSS.
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:
- Kima na nzela ya configuration ya outils oyo ezali likolo pona ko installer ba dépendances nionso.
/bootstrap
Kobanda na répertoire ya misisa , tambuisanpm run docs-serve
na ligne ya commande.- 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
.