Source

መሳርሒታት ምህናጽ

ሰነዳትና ንምህናጽ፡ ምንጪ ኮድ ንምጥርናፍ፡ ፈተነታት ንምክያድን ካልእን ብኸመይ ኣብ Bootstrap ዝተሓወሱ npm ስክሪፕትታት ከም እንጥቀም ንመሃር።

ምድላው መሳርሒታት

ቡትስትራፕ ንህንጻ ስርዓቱ npm ስክሪፕት ይጥቀም። package.json ናትና ምስቲ ፍሬምዎርክ ንምስራሕ ምቹኣት ሜላታት ዘጠቓልል ኮይኑ፡ ኮድ ምጥርናፍ፡ ፈተነታት ምክያድን ካልእን ይርከብዎም።

ናትና build system ንምጥቃምን ሰነዳትና ኣብ ውሽጢ ዓዲ ንምስራሕን፡ ቅዳሕ ናይ Bootstrap ምንጪ ፋይላትን Nodeን ከድልየኩም እዩ። ነዞም ዝስዕቡ ስጉምትታት ተኸተል እሞ ንኽትናወጽ ድሉው ክትከውን ኣለካ፤

  1. ጽግዕተኛታትና ንምምሕዳር እንጥቀመሉ Node.js ኣውሪድና ንጽዓኖ ።
  2. ናብቲ ሱር /bootstrapማህደር ብምኻድ ኣብ package.jsonnpm install ዝተዘርዘሩ ናይ ከባቢና ጽግዕተኛታትና ንምትካል ንጉየ ።
  3. ሩቢ ጽዓኖ ፣ ባንድለር ምስ ጽዓኖ gem install bundler፣ ኣብ መወዳእታ ድማ ኣካይድ bundle install። እዚ ንኹሎም ጽግዕተኛታት ሩቢ ከም Jekyllን pluginsን ክተክል እዩ።
    • ተጠቀምቲ ዊንዶውስ ፡ ጀኪል ብዘይ ጸገም ንኽሰርሕን ነዚ መምርሒ ኣንብብዎ ።

ምስ ተዛዘመ፡ ካብ መስመር ትእዛዝ ዝቐረቡ ዝተፈላለዩ ትእዛዛት ከተካይድ ትኽእል ኢኻ።

npm ስክሪፕት ምጥቃም

package.json ናትና እዞም ዝስዕቡ ትእዛዛትን ዕማማትን ዘጠቓልል እዩ፤

ዕዮ መግለፂ
npm run dist npm run dist/dist/ነቲ ማህደር ብዝተጠርነፉ ፋይላት ይፈጥር ። Sass , Autoprefixer , ከምኡውን UglifyJS ይጥቀም ።
npm test Same as npm run distplus ኣብ ውሽጢ ዓዲ ፈተነታት የካይድ
npm run docs ንዶክስ ዝኸውን ሲኤስኤስን ጃቫስክሪፕትን ይሃንጽን ይሊንትን። ድሕሪኡ ነቲ ሰነድ ብመንገዲ npm run docs-serve.

ኩሎም ናይ npm npm runስክሪፕት ንምርኣይ ጉየዩ።

ኣውቶፕሪፊክሰር

ቡትስትራፕ ኣብ ግዜ ህንጸት ኣብ ገለ CSS ባህርያት ብኣውቶማቲክ ቅድመ-ጥብቆታት ሸየጥቲ ንምውሳኽ Autoprefixer (ኣብ መስርሕ ህንጸትና ዝተሓወሶ) ይጥቀም። ከምኡ ምግባርና ከምቶም ኣብ v3 ዝርከቡ ናይ ሸየጥቲ ሚክሲናት ኣድላይነት እናኣወገድና ቁልፊ ክፋላት ናይ CSSና ኣብ ሓደ ግዜ ክንጽሕፍ ብምፍቃድ ግዜን ኮድን ይቑጥበልና።

ዝርዝር ናይቶም ብመንገዲ Autoprefixer ዝድገፉ መርበባት ሓበሬታ ኣብ ውሽጢ መኽዘን GitHubና ኣብ ፍሉይ ፋይል ንሕዞ። ንዝርዝር ሓበሬታ .browserslistrc ርአ ።

ናይ ከባቢ ሰነዳት።

ሰነዳትና ኣብ ከባቢኻ ምዝዋር ጀኪል ምጥቃም የድሊ፣ እዚ ብጭዋ ዝኾነ ተዓጻጻፊ ስታትቲክ ሳይት ጀነሬተር ዝህበና እዩ: መሰረታዊ ዘጠቓልል፣ ኣብ ማርክዳውን ዝተመርኮሰ ፋይላት፣ ቅጥዕታትን ካልእን እዩ። ከመይ ጌርካ ከም እትጅምሮ ኣብዚ ኣሎ፤

  1. Jekyll (እቲ ናይ ሳይት ሃናጺ)ን ካልኦት ናይ Ruby ጽግዕተኛታትን ብ bundle install.
  2. ካብቲ ሱር /bootstrapማህደር npm run docs-serveኣብ መስመር ትእዛዝ ንስራሕ።
  3. http://localhost:9001ኣብ መርበብ ሓበሬታኻ ክፈት ፡ voilà ድማ።

ብዛዕባ ምጥቃም ጀኪል ሰነዳቱ ብምንባብ ዝያዳ ፍለጡ ።

ምፍታሕ ጸገማት

ኣብ ምትካል ጽግዕተኛታት ጸገማት እንተ ኣጋጢሙካ፡ ንኹሎም ዝሓለፉ ጽግዕተኛታት ስሪት (ዓለማውን ከባብያውን) ኣውጽእዎ። ድሕሪኡ፡ ዳግማይ ምዝዋር npm install.