Kūkulu i nā mea hana

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 hoʻopili ʻana i nā 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ʻopaʻa 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

Loaʻa i kā mākou package.json nā hana he nui no ka hoʻomohala ʻana i ka papahana. Holo npm rune ʻike i nā palapala npm a pau i kāu kikowaena. ʻO nā hana mua he:

Sass

Hoʻohana ʻo Bootstrap iā Dart Sass no ka hōʻuluʻulu ʻana i kā mākou waihona kumu Sass i nā faila CSS (i loko o kā mākou kaʻina hana kūkulu), a ke paipai nei mākou iā ʻoe e hana like inā ʻoe e hōʻuluʻulu iā Sass me ka hoʻohana ʻana i kāu pipeline waiwai ponoʻī. Ua hoʻohana mua mākou i ka Node Sass no Bootstrap v4, akā ʻo LibSass a me nā pūʻulu i kūkulu ʻia ma luna o ia mea, me Node Sass, ua hoʻopau ʻia .

Hoʻohana ʻo Dart Sass i kahi kikoʻī pōʻai o 10 a no nā kumu kūpono ʻaʻole ia e ʻae i ka hoʻoponopono ʻana i kēia waiwai. ʻAʻole mākou e hoʻohaʻahaʻa i kēia kikoʻī i ka wā e hana hou ai i kā mākou CSS i hana ʻia, e like me ka wā o ka hoʻoemi ʻana, akā inā ʻoe i koho e hana pēlā, manaʻo mākou e mālama i ka pololei o ka liʻiliʻi o 6 i mea e pale ai i nā pilikia me ka pōʻai pūnaewele.

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ʻī.

RTLCSS

Hoʻohana ʻo Bootstrap i ka RTLCSS e hoʻoponopono i ka CSS i hui ʻia a hoʻololi iā lākou i RTL - hoʻololi maoli i nā waiwai ʻike kuhikuhi (eg. padding-left) me ko lākou ʻaoʻao. Hiki iā mākou ke kākau i kā mākou CSS i hoʻokahi manawa a hana i nā tweaks liʻiliʻi me ka hoʻohana ʻana i ka mana RTLCSS a me nā kuhikuhi waiwai .

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.