መሳርሒታት ምህናጽ
ሰነዳትና ንምህናጽ፡ ምንጪ ኮድ ንምጥርናፍ፡ ፈተነታት ንምክያድን ካልእን ብኸመይ ኣብ Bootstrap ዝተሓወሱ npm ስክሪፕትታት ከም እንጥቀም ንመሃር።
ቡትስትራፕ ንህንጸት ስርዓቱ NPM ስክሪፕት ይጥቀም። package.json ናትና ምስቲ ፍሬምዎርክ ንምስራሕ ምቹኣት ሜላታት ዘጠቓልል ኮይኑ፡ ኮድ ምጥርናፍ፡ ፈተነታት ምክያድን ካልእን ይርከብዎም።
ናትና build system ንምጥቃምን ሰነዳትና ኣብ ውሽጢ ዓዲ ንምስራሕን፡ ቅዳሕ ናይ Bootstrap ምንጪ ፋይላትን Nodeን ከድልየኩም እዩ። ነዞም ዝስዕቡ ስጉምትታት ተኸተል እሞ ንኽትናወጽ ድሉው ክትከውን ኣለካ፤
- ጽግዕተኛታትና ንምምሕዳር እንጥቀመሉ Node.js ኣውሪድና ንጽዓኖ ።
- ናብቲ ሱር
/bootstrap
ማህደር ብምኻድ ኣብ package.jsonnpm install
ዝተዘርዘሩ ናይ ከባቢና ጽግዕተኛታትና ንምትካል ንጉየ ። - ሩቢ ጽዓኖ ፣ ባንድለር ምስ ጽዓኖ
gem install bundler
፣ ኣብ መወዳእታ ድማ ኣካይድbundle install
። እዚ ንኹሎም ጽግዕተኛታት ሩቢ ከም Jekyllን pluginsን ክተክል እዩ።- ተጠቀምቲ ዊንዶውስ ፡ ጀኪል ብዘይ ጸገም ንኽሰርሕን ነዚ መምርሒ ኣንብብዎ ።
ምስ ተዛዘመ፡ ካብ መስመር ትእዛዝ ዝቐረቡ ዝተፈላለዩ ትእዛዛት ከተካይድ ትኽእል ኢኻ።
package.json ናትና እዞም ዝስዕቡ ትእዛዛትን ዕማማትን ዘጠቓልል እዩ፤
ዕዮ | መግለፂ |
---|---|
npm run dist |
npm run dist /dist ነቲ ማህደር ብዝተጠርነፉ ፋይላት ይፈጥር ። Sass , Autoprefixer , ከምኡውን UglifyJS ይጥቀም ። |
npm test |
Same as npm run dist plus ኣብ ውሽጢ ዓዲ ፈተነታት የካይድ |
npm run docs |
ንዶክስ ዝኸውን ሲኤስኤስን ጃቫስክሪፕትን ይሃንጽን ይሊንትን። ድሕሪኡ ነቲ ሰነድ ብመንገዲ npm run docs-serve . |
ኩሎም ናይ npm npm run
ስክሪፕት ንምርኣይ ጉየዩ።
ቡትስትራፕ ኣብ ግዜ ህንጸት ኣብ ገለ CSS ባህርያት ብኣውቶማቲክ ቅድመ-ጥብቆታት ሸየጥቲ ንምውሳኽ Autoprefixer (ኣብ መስርሕ ህንጸትና ዝተሓወሶ) ይጥቀም። ከምኡ ምግባርና ከምቶም ኣብ v3 ዝርከቡ ናይ ሸየጥቲ ሚክሲናት ኣድላይነት እናኣወገድና ቁልፊ ክፋላት ናይ CSSና ኣብ ሓደ ግዜ ክንጽሕፍ ብምፍቃድ ግዜን ኮድን ይቑጥበልና።
ዝርዝር ናይቶም ብመንገዲ Autoprefixer ዝድገፉ መርበባት ሓበሬታ ኣብ ውሽጢ መኽዘን GitHubና ኣብ ፍሉይ ፋይል ንሕዞ። ንዝርዝር ሓበሬታ /package.json ርአ ።
ሰነዳትና ኣብ ከባቢኻ ምዝዋር ጀኪል ምጥቃም የድሊ፣ እዚ ብጭዋ ዝኾነ ተዓጻጻፊ ስታትቲክ ሳይት ጀነሬተር ዝህበና እዩ: መሰረታዊ ዘጠቓልል፣ ኣብ ማርክዳውን ዝተመርኮሰ ፋይላት፣ ቅጥዕታትን ካልእን እዩ። ከመይ ጌርካ ከም እትጅምሮ ኣብዚ ኣሎ፤
- Jekyll (እቲ ሳይት ሃናጺ)ን ካልኦት Ruby ጽግዕተኛታትን ብ
bundle install
. - ካብቲ ሱር
/bootstrap
ማህደርnpm run docs-serve
ኣብ መስመር ትእዛዝ ንስራሕ። http://localhost:9001
ኣብ መርበብ ሓበሬታኻ ክፈት ፡ voilà ድማ።
ብዛዕባ ምጥቃም ጀኪል ሰነዳቱ ብምንባብ ዝያዳ ፍለጡ ።
ኣብ ምትካል ጽግዕተኛታት ጸገማት እንተ ኣጋጢሙካ፡ ንኹሎም ዝሓለፉ ጽግዕተኛታት ስሪት (ዓለማውን ከባብያውን) ኣውጽእዎ። ድሕሪኡ፡ ዳግማይ ምዝዋር npm install
.