መሣሪያዎችን ይገንቡ
የእኛን ሰነድ ለመገንባት፣ የምንጭ ኮድ ለማጠናቀር፣ ሙከራዎችን ለማስኬድ እና ሌሎችንም ለመስራት የ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።