Source

መሣሪያዎችን ይገንቡ

የእኛን ሰነድ ለመገንባት፣ የምንጭ ኮድ ለማጠናቀር፣ ሙከራዎችን ለማስኬድ እና ሌሎችንም ለመስራት የBootstrapን የተካተቱ npm ስክሪፕቶችን እንዴት መጠቀም እንዳለብን ይወቁ።

የመሳሪያ ዝግጅት

Bootstrap ለግንባታ ስርዓቱ የ NPM ስክሪፕቶችን ይጠቀማል ። የኛ ፓኬጅ. json ከማዕቀፉ ጋር ለመስራት ምቹ ዘዴዎችን ያካትታል ኮድ ማጠናቀር፣ ሙከራዎችን ማስኬድ እና ሌሎችንም ያካትታል።

የግንባታ ስርዓታችንን ለመጠቀም እና ሰነዶቻችንን በአገር ውስጥ ለማስኬድ የBootstrap የምንጭ ፋይሎች እና መስቀለኛ መንገድ ቅጂ ያስፈልግዎታል። እነዚህን ቅደም ተከተሎች ይከተሉ እና ለመወዝወዝ ዝግጁ መሆን አለብዎት:

  1. የእኛን ጥገኝነቶች ለማስተዳደር የምንጠቀመው Node.js ያውርዱ እና ይጫኑ ።
  2. ወደ ስርወ /bootstrapማውጫው ይሂዱ እና በጥቅልnpm install ውስጥ የተዘረዘሩትን የአካባቢያችንን ጥገኞች ለመጫን ያሂዱ ።
  3. Ruby ን ጫን፣ Bundler ን በ ጫን gem install bundlerእና በመጨረሻ አሂድ bundle install። ይህ እንደ Jekyll እና ተሰኪዎች ያሉ ሁሉንም የሩቢ ጥገኛዎች ይጭናል።
    • የዊንዶውስ ተጠቃሚዎች ፡ ጄኪልን ያለችግር እንዲሰራ እና እንዲሰራ ለማድረግ ይህንን መመሪያ ያንብቡ ።

ሲጨርሱ ከትዕዛዝ መስመሩ የተሰጡ የተለያዩ ትዕዛዞችን ማስኬድ ይችላሉ።

NPM ስክሪፕቶችን በመጠቀም

Our package.json የሚከተሉትን ትዕዛዞች እና ተግባሮች ያካትታል

ተግባር መግለጫ
npm run dist npm run dist/distማውጫውን ከተሰበሰቡ ፋይሎች ጋር ይፈጥራል ። SassAutoprefixer እና 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 ላይ የተመሰረቱ ፋይሎችን፣ አብነቶችን እና ሌሎችም። እንዴት እንደሚጀመር እነሆ፡-

  1. Jekyll (የጣቢያውን ገንቢ) እና ሌሎች የሩቢ ጥገኞችን ለመጫን ከላይ ባለው የመሳሪያ ዝግጅት ያሂዱ bundle install
  2. ከስር /bootstrapማውጫው, npm run docs-serveበትእዛዝ መስመር ውስጥ ያሂዱ.
  3. http://localhost:9001በአሳሽዎ ውስጥ ይክፈቱ እና voilà።

ሰነዶቹን በማንበብ ጄኪልን ስለመጠቀም የበለጠ ይረዱ ።

ችግርመፍቻ

ጥገኞችን በመጫን ላይ ችግሮች ካጋጠሙዎት ሁሉንም የቀድሞ የጥገኝነት ስሪቶች (ዓለም አቀፍ እና አካባቢያዊ) ያራግፉ። ከዚያ እንደገና ያሂዱ npm install