Kūkulu i nā mea hana

E aʻo pehea e hoʻohana ai i nā palapala npm i hoʻokomo ʻia e Bootstrap e kūkulu i kā mākou palapala, hōʻuluʻulu kumu kumu, holo i nā hoʻokolohua, a me nā mea hou aku.

Hoʻonohonoho mea hana

Hoʻohana ʻo Bootstrap i nā palapala npm no kāna ʻōnaehana kūkulu. Loaʻa i kā mākou package.json nā ala kūpono no ka hana ʻana me ka framework, me ka hōʻuluʻulu code, nā hoʻāʻo holo, a me nā mea hou aku.

No ka hoʻohana ʻana i kā mākou ʻōnaehana kūkulu a holo i kā mākou palapala ma ka ʻāina, pono ʻoe i kope o nā faila kumu o Bootstrap a me Node. E hahai i kēia mau ʻanuʻu a pono ʻoe e hoʻopololei:

1. Hoʻoiho a hoʻokomo iā Node.js , a mākou e hoʻohana ai e hoʻokele i kā mākou hilinaʻi.
2. E hoʻoiho i nā kumu o Bootstrap a i ʻole e hoʻoiho i ka waihona o Bootstrap .
3. E hoʻokele i ka /bootstrappapa kuhikuhi kumu a holo npm installe hoʻokomo i kā mākou mau hilinaʻi kūloko i helu ʻia ma package.json .

Ke hoʻopau ʻia, hiki iā ʻoe ke holo i nā kauoha like ʻole i hāʻawi ʻia mai ka laina kauoha.

Ke hoʻohana nei i nā palapala npm

Aia kā mākou package.json i kēia mau kauoha a me nā hana:

Holo npm rune ʻike i nā palapala npm āpau.

Sass

Hoʻohana ʻo Bootstrap v4 i ka Node Sass no ka hōʻuluʻulu ʻana i kā mākou waihona kumu Sass i loko o nā faila CSS (i loko o kā mākou hana kūkulu). I mea e hoʻopau ai i ka CSS i hana ʻia i ka wā e hōʻuluʻulu ai iā Sass me ka hoʻohana ʻana i kāu pipeline waiwai ponoʻī, pono ʻoe e hoʻohana i kahi compiler Sass e kākoʻo ana i nā hiʻohiʻona a Node Sass e hana ai. He mea nui kēia e hoʻomaopopo no ka mea ma ʻOkakopa 26, 2020, ʻo LibSass a me nā pūʻolo i kūkulu ʻia ma luna o ia mea-me ka Node Sass-ua hoʻopau ʻia .

Inā makemake ʻoe i nā hiʻohiʻona Sass hou a i ʻole ka launa pū me nā kūlana CSS hou aʻe, ʻo Dart Sass ka hoʻokō mua o Sass a kākoʻo i kahi JavaScript API i kūpono piha me Node Sass (me kekahi mau ʻokoʻa i helu ʻia ma ka ʻaoʻao GitHub o Dart Sass ).

Hoʻonui mākou i ka pololei o ka pōʻai Sass i 6 (ma ka maʻamau, ʻo 5 ia ma Node Sass) e pale i nā pilikia me ka puni ʻana o ka polokalamu kele pūnaewele. Inā ʻoe e hoʻohana iā Dart Sass, ʻaʻole ia he mea e pono ai ʻoe e hoʻoponopono, no ka mea, hoʻohana ka mea hoʻopili i kahi kikoʻī o 10 a no nā kumu kūpono ʻaʻole ia e ʻae iā ia e hoʻoponopono.

Mea hoʻopono

Hoʻohana ʻo Bootstrap iā Autoprefixer (i loko o kā mākou hana kūkulu) e hoʻohui i nā prefix mea kūʻai aku i kekahi mau waiwai CSS i ka manawa kūkulu. ʻO ka hana ʻana pēlā e mālama ai mākou i ka manawa a me ke code ma ka ʻae ʻana iā mākou e kākau i nā ʻāpana koʻikoʻi o kā mākou CSS i hoʻokahi manawa ʻoiai e hoʻopau ana i ka pono o nā mixins mea kūʻai aku e like me nā mea i loaʻa ma v3.

Mālama mākou i ka papa inoa o nā polokalamu kele pūnaewele i kākoʻo ʻia ma o Autoprefixer ma kahi faila ʻokoʻa i loko o kā mākou waihona GitHub. E nānā iā .browserslistrc no nā kikoʻī.

Nā palapala kūloko

Pono ka holo ʻana i kā mākou palapala i ka hoʻohana ʻana iā Hugo, i hoʻokomo ʻia ma o ka hugo-bin npm package. ʻO Hugo kahi mea hoʻoheheʻe pūnaewele wikiwiki a hiki ke hoʻonui ʻia e hāʻawi iā mākou: nā waihona kumu, nā faila e pili ana iā Markdown, nā templates, a me nā mea hou aku. Eia pehea e hoʻomaka ai:

1. Holo i ka hoʻonohonoho mea hana ma luna e hoʻokomo i nā hilinaʻi āpau.
2. Mai ka /bootstrappapa kuhikuhi kumu, holo npm run docs-servei ka laina kauoha.
3. E wehe http://localhost:9001/i kāu polokalamu kele pūnaewele, a voilà.

E aʻo hou e pili ana i ka hoʻohana ʻana iā Hugo ma ka heluhelu ʻana i kāna palapala .

Hoʻoponopono pilikia

Inā loaʻa iā ʻoe nā pilikia me ka hoʻokomo ʻana i nā hilinaʻi, e wehe i nā mana hilinaʻi mua (ka honua a me ka kūloko). A laila, hana hou npm install.