Source

Manamboara fitaovana

Ianaro ny fomba fampiasana ny script npm tafiditra ao amin'ny Bootstrap hanamboarana ny antontan-taratasintsika, hanangonana kaody loharano, hanaovana fitsapana, sy ny maro hafa.

Fanamboarana fitaovana

Bootstrap dia mampiasa script npm ho an'ny rafitra fananganana azy. Ny package.json dia ahitana fomba mety amin'ny fiasana amin'ny rafitra, ao anatin'izany ny fanangonana kaody, ny fanaovana fitiliana, sy ny maro hafa.

Raha hampiasa ny rafitra fananganana sy hampandehanana ny antontan-taratasintsika eo an-toerana ianao dia mila dika mitovy amin'ny rakitra loharanon'i Bootstrap sy ny Node. Araho ireto dingana ireto ary tokony ho vonona amin'ny rock ianao:

  1. Ampidino ary apetraho ny Node.js , izay ampiasainay hitantana ny fiankinanay.
  2. Mankanesa any amin'ny /bootstraplahatahiry fototra ary mihazakazaka npm installhametraka ny fiankinana eo an-toerana voatanisa ao amin'ny package.json .
  3. Mametraka Ruby , mametraka Bundler miaraka amin'ny gem install bundler, ary mandehana farany bundle install. Izany dia hametraka ny fiankinan-doha Ruby rehetra, toy ny Jekyll sy plugins.

Rehefa vita ianao dia afaka manatanteraka ireo baiko isan-karazany omena avy amin'ny andalana baiko.

Mampiasa script npm

Ny package.json dia ahitana ireto baiko sy asa manaraka ireto:

ASA Description
npm run dist npm run distmamorona ny /dist/lahatahiry misy rakitra natambatra. Mampiasa Sass , Autoprefixer , ary UglifyJS .
npm test Mitovy amin'ny npm run distplus dia manao fitiliana eo an-toerana
npm run docs Manangana sy mametaka CSS sy JavaScript ho an'ny doka. Azonao atao ny mampandeha ny antontan-taratasy eo an-toerana amin'ny alàlan'ny npm run docs-serve.

Mihazakazaha npm runhijery ny script npm rehetra.

Autoprefixer

Bootstrap dia mampiasa Autoprefixer (tafiditra ao anatin'ny dingan'ny fananganana) mba hampidirana tovan'ny mpivarotra ho azy amin'ny fananana CSS sasany amin'ny fotoana fananganana. Ny fanaovana izany dia mitsitsy fotoana sy kaody amin'ny alàlan'ny famelana antsika hanoratra ampahany manan-danja amin'ny CSS-tsika indray mandeha ary manafoana ny filàna mixins mpivarotra toa an'ireo hita ao amin'ny v3.

Izahay dia mitazona ny lisitry ny navigateur tohanana amin'ny alàlan'ny Autoprefixer ao anaty rakitra misaraka ao anatin'ny tahiry GitHub. Jereo ny .browserslistrc raha mila fanazavana fanampiny.

Taratasy eo an-toerana

Ny fampandehanana ny antontan-taratasintsika eo an-toerana dia mitaky ny fampiasana Jekyll, mpamorona tranonkala static mora miovaova izay manome antsika: fototra ahitana, rakitra miorina amin'ny Markdown, môdely ary maro hafa. Toy izao ny fomba hanombohana azy:

  1. Mandehana amin'ny alàlan'ny fametrahana fitaovana etsy ambony mba hametrahana Jekyll (mpanamboatra tranokala) sy ny fiankinan-doha Ruby hafa miaraka amin'ny bundle install.
  2. Avy amin'ny /bootstraplahatahiry fototra, mandehana npm run docs-serveao amin'ny baiko baiko.
  3. Sokafy http://localhost:9001amin'ny navigateur, ary voilà.

Mianara bebe kokoa momba ny fampiasana Jekyll amin'ny alàlan'ny famakiana ny antontan -taratasiny .

Fanamboarana

Raha sendra olana amin'ny fametrahana ny fiankinan-doha ianao dia esory ny dikan-teny miankina rehetra teo aloha (manerantany sy eo an-toerana). Avy eo, avereno indray npm install.