ޓޫލްސް ބިނާކުރުން
އަޅުގަނޑުމެންގެ ޑޮކިއުމަންޓޭޝަން ބިލްޑްކުރުމާއި، ސޯސް ކޯޑް ކޮމްޕައިލްކުރުމާއި، ޓެސްޓްތައް ހިންގުމާއި، އަދިވެސް އެތައް ކަމެއް ކުރުމަށް ބޫޓްސްޓްރެޕްގައި ހިމެނޭ npm ސްކްރިޕްޓްތައް ބޭނުންކުރާނެ ގޮތް ދަސްކުރައްވާށެވެ.
ޓޫލިންގ ސެޓަޕް
ބޫޓްސްޓްރެޕް އިން އޭގެ ބިލްޑް ސިސްޓަމަށް ބޭނުންކުރަނީ npm ސްކްރިޕްޓްސް އެވެ. އަޅުގަނޑުމެންގެ package.json ގައި ފްރޭމްވޯކާއި އެކު މަސައްކަތް ކުރުމަށް ފަސޭހަ ގޮތްތައް ހިމެނޭއިރު، ކޯޑް ކޮމްޕައިލް ކުރުމާއި، ޓެސްޓްތައް ހިންގުމާއި، އަދިވެސް އެތައް ކަމެއް ހިމެނެއެވެ.
އަޅުގަނޑުމެންގެ ބިލްޑް ސިސްޓަމް ބޭނުންކޮށް، އަޅުގަނޑުމެންގެ ޑޮކިއުމަންޓޭޝަން ލޯކަލްކޮށް ހިންގުމަށްޓަކައި، ބޫޓްސްޓްރެޕްގެ ސޯސް ފައިލްތަކާއި ނޯޑްގެ ކޮޕީއެއް ބޭނުންވާނެއެވެ. މި ފިޔަވަޅުތަކަށް އަމަލުކުރުމުން ރޮކް ކުރަން ތައްޔާރަށް ހުންނަން ޖެހޭނެ:
- އަޅުގަނޑުމެންގެ ޑިޕެންޑެންސީތައް މެނޭޖް ކުރުމަށް ބޭނުންކުރާ Node.js ޑައުންލޯޑްކޮށް އިންސްޓޯލް ކުރާށެވެ .
- ނުވަތަ ބޫޓްސްޓްރެޕްގެ މަސްދަރުތައް ޑައުންލޯޑް ނުވަތަ ބޫޓްސްޓްރެޕްގެ ރިޕޮޒިޓަރީ ފޯކް ކޮށްލާށެވެ .
- ރޫޓް
/bootstrap
ޑައިރެކްޓަރީއަށް ގޮސް package.jsonnpm install
ގައި ލިސްޓްކޮށްފައިވާ އަޅުގަނޑުމެންގެ ލޯކަލް ޑިޕެންޑެންސީތައް އިންސްޓޯލް ކުރުމަށް ދުއްވާށެވެ .
ނިމުމުން ކޮމާންޑް ލައިނުން ފޯރުކޮށްދޭ އެކި ކޮމާންޑްތައް ހިންގޭނެ އެވެ.
npm ސްކްރިޕްޓްތައް ބޭނުންކޮށްގެން
އަޅުގަނޑުމެންގެ package.json ގައި ތިރީގައިވާ ކޮމާންޑްތަކާއި ޓާސްކްތައް ހިމެނެއެވެ.
މަސައްކަތެއް | ތަފްޞީލު |
---|---|
npm run dist |
npm run dist /dist/ ކޮމްޕައިލް ކުރެވިފައިވާ ފައިލްތަކާއެކު ޑައިރެކްޓަރީ އުފައްދައެވެ . ސާސް , އޮޓޯޕްރިފިކްސަރ , އަދި ޓަރސަރ ބޭނުންކުރެއެވެ . |
npm test |
ދުވުމަށްފަހު ލޯކަލްކޮށް ޓެސްޓްތައް ހިންގައެވެnpm run dist |
npm run docs-serve |
ޑޮކިއުމަންޓޭޝަން ލޯކަލްކޮށް ބިލްޑްކޮށް ހިންގުން. |
ދުއްވައިގެން npm run
ހުރިހާ npm ސްކްރިޕްޓްތަކެއް ބަލާށެވެ.
ސާސް އެވެ
ބޫޓްސްޓްރެޕް v4 އިން އަޅުގަނޑުމެންގެ ސާސް ސޯސް ފައިލްތައް ސީއެސްއެސް ފައިލްތަކަށް (އަޅުގަނޑުމެންގެ ބިލްޑް ޕްރޮސެސްގައި ހިމެނޭ) ކޮމްޕައިލް ކުރުމަށް ނޯޑް ސާސް ބޭނުންކުރެއެވެ. އަމިއްލަ އެސެޓް ޕައިޕްލައިން ބޭނުންކޮށްގެން ސާސް ކޮމްޕައިލް ކުރާއިރު ހަމަ ޖެނެރޭޓް ކުރެވޭ ސީއެސްއެސް އެއް ނިމުމަކަށް ގެނައުމަށްޓަކައި، މަދުވެގެން ނޯޑް ސާސް އިން ކުރާ ފީޗާސްތަކަށް ސަޕޯޓްކުރާ ސާސް ކޮމްޕައިލަރެއް ބޭނުން ކުރަން ޖެހޭނެއެވެ. މިއީ ފާހަގަކޮށްލަން މުހިންމު ކަމެއް ކަމުގައި ވާތީ، އޮކްޓޯބަރ 26، 2020 ގެ ނިޔަލަށް، ލިބްސާސް އާއި އޭގެ މަތީގައި ބިނާކޮށްފައިވާ ޕެކޭޖްތައް-ނޯޑް ސާސް ހިމެނޭގޮތަށް- ޑިޕްރެކޭޓް ވެފައިވާތީއެވެ .
އާ ސާސް ފީޗާސް ނުވަތަ އާ ސީއެސްއެސް ސްޓޭންޑަޑްތަކާ އެއްގޮތްވާން ބޭނުންވާނަމަ، ޑާރޓް ސާސް އަކީ މިހާރު ސާސްގެ ޕްރައިމަރީ އިމްޕްލިމެންޓޭޝަން ކަމަށާއި، ނޯޑް ސާސް އާއި ފުރިހަމައަށް ކޮމްޕެޓިބަލް ޖާވާސްކްރިޕްޓް އެޕީއައި އެއް ސަޕޯޓްކުރާ (ޑާރޓް ސާސްގެ ގިޓްހަބް ޕޭޖުގައި ލިސްޓްކޮށްފައިވާ މަދު އިސްތިސްނާތަކެއް ފިޔަވައި ).
އަޅުގަނޑުމެން ސާސް ރައުންޑިންގ ޕްރެސިޝަން 6 އަށް އިތުރުކުރަން (ޑިފޯލްޓްކޮށް، ނޯޑް ސާސްގައި އެއީ 5) ބްރައުޒާ ރައުންޑިންގ އަށް ދިމާވާ މައްސަލަތައް ހުއްޓުވުމަށްޓަކައެވެ. ޑާރޓް ސާސް ބޭނުންކުރާނަމަ މިއީ އެޖެސްޓް ކުރަން ޖެހޭ އެއްޗަކަށް ނުވާނެ، ސަބަބަކީ އެ ކޮމްޕައިލަރ އިން 10 ގެ ރައުންޑިންގ ޕްރެސިޝަން ބޭނުންކުރާތީއާއި އެފިޝަންސީ ސަބަބުތަކާހުރެ އެޖެސްޓް ކުރުމަށް ހުއްދަ ނުދޭތީއެވެ.
އޮޓޯޕްރިފިކްސަރ އެވެ
ބޫޓްސްޓްރަޕް އިން ބިލްޑް ކުރާއިރު ބައެއް ސީއެސްއެސް ޕްރޮޕަޓީތަކަށް އޮޓޮމެޓިކުން ވެންޑަރ ޕްރިފިކްސް އިތުރުކުރުމަށް އޮޓޯޕްރިފިކްސަރ (އަޅުގަނޑުމެންގެ ބިލްޑް ޕްރޮސެސްގައި ހިމެނޭ) ބޭނުންކުރެއެވެ. އެކަން ކުރުމުން އަޅުގަނޑުމެންގެ ސީއެސްއެސްގެ މުހިއްމު ބައިތައް އެއްފަހަރު ލިޔުމުގެ ފުރުސަތު ލިބިގެންދާއިރު v3 އިން ފެންނަ ފަދަ ވެންޑަރ މިކްސިންތަކުގެ ބޭނުން ނައްތާލެވޭނެއެވެ.
އަޅުގަނޑުމެން އޮޓޯޕްރިފިކްސަރ މެދުވެރިކޮށް ސަޕޯޓްކުރާ ބްރައުޒާތަކުގެ ލިސްޓް އަޅުގަނޑުމެންގެ ގިޓްހަބް ރިޕޮޒިޓަރީގެ ތެރޭގައި ވަކި ފައިލެއްގައި ބެލެހެއްޓުން. ތަފްސީލު ހޯދުމަށް .browserslistrc ބައްލަވާށެވެ .
ލޯކަލް ޑޮކިއުމަންޓޭޝަން
އަޅުގަނޑުމެންގެ ޑޮކިއުމަންޓޭޝަން ލޯކަލްކޮށް ހިންގުމަށްޓަކައި ހޫގޯ ބޭނުންކުރަންޖެހޭއިރު، މިއީ hugo-bin npm ޕެކޭޖް މެދުވެރިކޮށް އިންސްޓޯލް ކުރެވޭ އެއްޗެކެވެ. ހޫގޯ އަކީ އަޅުގަނޑުމެންނަށް ފޯރުކޮށްދޭ ބްލޭޒިންގލީ ފަސްޓް އަދި ފުދޭވަރަކަށް އެކްސްޓެންސިބަލް ސްޓޭޓިކް ސައިޓް ޖަނަރޭޓަރެއް: އަސާސީ ހިމެނޭ، މާކްޑައުން އަށް ބިނާކޮށްފައިވާ ފައިލްތަކާއި، ޓެމްޕްލޭޓްތަކާއި، އަދިވެސް އެތައް ކަމެއް. މިއީ އެކަން ފެށޭނެ ގޮތެވެ:
- ހުރިހާ ޑިޕެންޑެންސީތަކެއް އިންސްޓޯލް ކުރުމަށްޓަކައި މަތީގައިވާ ޓޫލިންގ ސެޓަޕް މެދުވެރިކޮށް ހިންގާށެވެ .
- ރޫޓް
/bootstrap
ޑައިރެކްޓަރީންnpm run docs-serve
ކޮމާންޑް ލައިންގައި ހިންގާށެވެ. - ބްރައުޒާގައި ހުޅުވާލާފައި
http://localhost:9001/
، އަދި voilà.
ހޫގޯ ބޭނުންކުރުމާ ބެހޭ އިތުރު މައުލޫމާތު އޭގެ ޑޮކިއުމަންޓޭޝަން ކިޔައިގެން ހޯއްދަވާށެވެ .
މައްސަލަ ހައްލުކުރުން
ޑިޕެންޑެންސީތައް އިންސްޓޯލްކުރުމުގައި މައްސަލަތަކެއް ދިމާވެއްޖެނަމަ، ކުރީގެ ހުރިހާ ޑިޕެންޑެންސީ ވަރޝަންތަކެއް (ގްލޯބަލް އަދި ލޯކަލް) އަންއިންސްޓޯލް ކުރާށެވެ. ދެން، އަލުން ހިންގާށެވެ npm install
.