መሣሪያዎችን ይገንቡ
የእኛን ሰነድ ለመገንባት፣ የምንጭ ኮድ ለማጠናቀር፣ ሙከራዎችን ለማስኬድ እና ሌሎችንም ለመስራት የBootstrapን የተካተቱ npm ስክሪፕቶችን እንዴት መጠቀም እንዳለብን ይወቁ።
Bootstrap ለግንባታ ስርዓቱ የ NPM ስክሪፕቶችን ይጠቀማል ። የኛ ፓኬጅ. json ከማዕቀፉ ጋር ለመስራት ምቹ ዘዴዎችን ያካትታል ኮድ ማጠናቀር፣ ሙከራዎችን ማስኬድ እና ሌሎችንም ያካትታል።
የግንባታ ስርዓታችንን ለመጠቀም እና ሰነዶቻችንን በአገር ውስጥ ለማስኬድ የBootstrap የምንጭ ፋይሎች እና መስቀለኛ መንገድ ቅጂ ያስፈልግዎታል። እነዚህን ቅደም ተከተሎች ይከተሉ እና ለመወዝወዝ ዝግጁ መሆን አለብዎት:
- የእኛን ጥገኝነቶች ለማስተዳደር የምንጠቀመው Node.js ያውርዱ እና ይጫኑ ።
- ወደ ስርወ
/bootstrap
ማውጫው ይሂዱ እና በጥቅልnpm install
ውስጥ የተዘረዘሩትን የአካባቢያችንን ጥገኞች ለመጫን ያሂዱ ። - Ruby ን ጫን፣ Bundler ን በ ጫን
gem install bundler
እና በመጨረሻ አሂድbundle install
። ይህ እንደ Jekyll እና ተሰኪዎች ያሉ ሁሉንም የሩቢ ጥገኛዎች ይጭናል።- የዊንዶውስ ተጠቃሚዎች ፡ ጄኪልን ያለችግር እንዲሰራ እና እንዲሰራ ለማድረግ ይህንን መመሪያ ያንብቡ ።
ሲጨርሱ ከትዕዛዝ መስመሩ የተሰጡ የተለያዩ ትዕዛዞችን ማስኬድ ይችላሉ።
Our package.json የሚከተሉትን ትዕዛዞች እና ተግባሮች ያካትታል
ተግባር | መግለጫ |
---|---|
npm run dist |
npm run dist /dist ማውጫውን ከተሰበሰቡ ፋይሎች ጋር ይፈጥራል ። Sass ፣ Autoprefixer እና UglifyJS ይጠቀማል ። |
npm test |
ልክ እንደ npm run dist ፕላስ በአገር ውስጥ ሙከራዎችን ይሰራል |
npm run docs |
ለሰነዶች CSS እና JavaScriptን ይገነባል እና ያቆማል። ከዚያ በኋላ ሰነዶቹን በአገር ውስጥ በ npm run docs-serve . |
npm run
ሁሉንም npm ስክሪፕቶች ለማየት ሩጡ ።
ቡትስትራፕ በግንባታ ጊዜ ለአንዳንድ የሲኤስኤስ ንብረቶች የአቅራቢ ቅድመ ቅጥያዎችን በራስ ሰር ቅድመ ቅጥያ (በእኛ የግንባታ ሂደት ውስጥ የተካተተ) ይጠቀማል። ይህን ማድረጋችን የ CSSችንን ቁልፍ ክፍሎች በአንድ ጊዜ እንድንጽፍ በመፍቀድ ጊዜን እና ኮድን ይቆጥባል እንዲሁም በ v3 ላይ የሚገኙትን የአቅራቢዎች ድብልቅን አስፈላጊነት በማስወገድ።
በAutoprefixer በኩል የሚደገፉትን የአሳሾች ዝርዝር በ GitHub ማከማቻችን ውስጥ በተለየ ፋይል ውስጥ እናስቀምጣለን። ለዝርዝሩ /package.json ን ይመልከቱ።
ሰነዶቻችንን በአገር ውስጥ ማስኬድ Jekyllን መጠቀምን ይጠይቃል፣ በጨዋነት የሚለዋወጥ የማይንቀሳቀስ ጣቢያ ጄኔሬተር የሚሰጠን፡ መሰረታዊ የሚያጠቃልለው፣ Markdown ላይ የተመሰረቱ ፋይሎችን፣ አብነቶችን እና ሌሎችም። እንዴት እንደሚጀመር እነሆ፡-
- Jekyll (የጣቢያውን ገንቢ) እና ሌሎች የሩቢ ጥገኞችን ለመጫን ከላይ ባለው የመሳሪያ ዝግጅት ያሂዱ
bundle install
። - ከስር
/bootstrap
ማውጫው,npm run docs-serve
በትእዛዝ መስመር ውስጥ ያሂዱ. http://localhost:9001
በአሳሽዎ ውስጥ ይክፈቱ እና voilà።
ሰነዶቹን በማንበብ ጄኪልን ስለመጠቀም የበለጠ ይረዱ ።
ጥገኞችን በመጫን ላይ ችግሮች ካጋጠሙዎት ሁሉንም የቀድሞ የጥገኝነት ስሪቶች (ዓለም አቀፍ እና አካባቢያዊ) ያራግፉ። ከዚያ እንደገና ያሂዱ npm install
።