Source

ကိရိယာများတည်ဆောက်ပါ။

ကျွန်ုပ်တို့၏စာရွက်စာတမ်းများကိုတည်ဆောက်ရန်၊ အရင်းအမြစ်ကုဒ်စုစည်းမှု၊ စမ်းသပ်မှုများလုပ်ဆောင်ရန်နှင့် အခြားအရာများပြုလုပ်ရန်အတွက် Bootstrap ၏ထည့်သွင်းထားသော npm script များကိုအသုံးပြုနည်းကို လေ့လာပါ။

Tooling စနစ်ထည့်သွင်းခြင်း။

Bootstrap သည် ၎င်း၏တည်ဆောက်မှုစနစ်အတွက် npm script များကို အသုံးပြုသည်။ ကျွန်ုပ်တို့၏ package.json တွင် ကုဒ်စုစည်းမှု၊ လုပ်ဆောင်နေသည့် စမ်းသပ်မှုများနှင့် အခြားအရာများအပါအဝင် framework နှင့် အလုပ်လုပ်ရန်အတွက် အဆင်ပြေသောနည်းလမ်းများ ပါဝင်သည်။

ကျွန်ုပ်တို့၏တည်ဆောက်မှုစနစ်ကိုအသုံးပြုပြီး ကျွန်ုပ်တို့၏စာရွက်စာတမ်းများကို စက်တွင်းတွင်လည်ပတ်ရန်အတွက်၊ သင်သည် Bootstrap ၏အရင်းအမြစ်ဖိုင်များနှင့် Node ၏မိတ္တူတစ်ခုလိုအပ်ပါသည်။ ဤအဆင့်များကို လိုက်နာပြီး လှုပ်ရန် အသင့်ဖြစ်သင့်သည်-

  1. ကျွန်ုပ်တို့၏ မှီခိုမှုကိုစီမံခန့်ခွဲရန် ကျွန်ုပ်တို့အသုံးပြုသည့် Node.js ကို ဒေါင်းလုဒ်လုပ်ပြီး ထည့်သွင်း ပါ။
  2. root /bootstrapdirectory သို့သွား၍ package.jsonnpm install တွင်ဖော်ပြထားသောကျွန်ုပ်တို့၏ဒေသခံမှီခိုမှုကိုထည့်သွင်းရန် run ပါ ။
  3. Ruby ကိုထည့်သွင်း ပါ၊ Bundler ဖြင့် ထည့်သွင်းပါ gem install bundler၊ နောက်ဆုံးတွင် run bundle installပါ။ ၎င်းသည် Jekyll နှင့် plugins ကဲ့သို့သော Ruby မှီခိုမှုအားလုံးကို ထည့်သွင်းပါမည်။

ပြီးသွားသောအခါ၊ သင်သည် command line မှပေးသော အမျိုးမျိုးသော command များကို run နိုင်မည်ဖြစ်သည်။

npm script များကိုအသုံးပြုခြင်း။

ကျွန်ုပ်တို့၏ package.json တွင် အောက်ပါ command များနှင့် လုပ်ဆောင်စရာများ ပါဝင်သည်-

တာဝန် ဖော်ပြချက်
npm run dist npm run dist/dist/စုစည်းထားသောဖိုင်များဖြင့် လမ်းညွှန် ကို ဖန်တီးသည် ။ SassAutoprefixer နှင့် UglifyJS ကို အသုံးပြုသည် ။
npm test npm run distထို့အပြင် ၎င်းသည် ပြည်တွင်း၌ စမ်းသပ်မှုများ လုပ်ဆောင်နေသ ကဲ့သို့ပင်
npm run docs Docs အတွက် CSS နှင့် JavaScript ကို တည်ဆောက်ပြီး အလင်းပေးသည်။ ထို့နောက် စာရွက်စာတမ်းကို စက်တွင်းမှတစ်ဆင့် သင်လုပ်ဆောင်နိုင်သည် npm run docs-serve

npm runnpm script အားလုံးကိုကြည့်ရန် run ပါ။

အလိုအလျောက် ညွှန်းပေးသည်။

Bootstrap သည် တည်ဆောက်ချိန်၌ အချို့သော CSS ဂုဏ်သတ္တိများသို့ ရောင်းချသူ၏ရှေ့ဆက်များကို အလိုအလျောက်ထည့်သွင်း ရန်အတွက် Autoprefixer (ကျွန်ုပ်တို့၏တည်ဆောက်မှုလုပ်ငန်းစဉ်တွင် ပါဝင်သော) ကိုအသုံးပြုသည်။ ထိုသို့လုပ်ဆောင်ခြင်းဖြင့် v3 တွင်တွေ့ရသော v3 တွင်တွေ့ရသော ရောင်းချသူ mixins လိုအပ်မှုကို ဖယ်ရှားစေပြီး ကျွန်ုပ်တို့၏ CSS ၏ အဓိကအစိတ်အပိုင်းများကို တစ်ကြိမ်တည်းရေးသားခွင့်ပြုခြင်းဖြင့် ကျွန်ုပ်တို့၏အချိန်နှင့် ကုဒ်ကို သက်သာစေပါသည်။

ကျွန်ုပ်တို့သည် ကျွန်ုပ်တို့၏ GitHub သိုလှောင်မှုအတွင်းရှိ သီးခြားဖိုင်တစ်ခုတွင် Autoprefixer မှတစ်ဆင့် ပံ့ပိုးပေးသည့် ဘရောက်ဆာများစာရင်းကို ထိန်းသိမ်းထားသည်။ အသေးစိတ် အတွက် .browserslistrc ကို ကြည့်ပါ ။

ဒေသဆိုင်ရာစာရွက်စာတမ်း

ကျွန်ုပ်တို့၏စာရွက်စာတမ်းများကို စက်တွင်းတွင်လုပ်ဆောင်ခြင်းတွင် ကျွန်ုပ်တို့အား ပေးဆောင်သည့် လျောက်ပတ်သောပြောင်းလွယ်ပြင်လွယ်ရှိသော တည်ငြိမ်သောဆိုက်ဂျင်နရေတာ Jekyll ကိုအသုံးပြုရန် လိုအပ်သည်- အခြေခံပါဝင်သည်၊ Markdown-based ဖိုင်များ၊ နမူနာများနှင့် အခြားအရာများပါဝင်သည်။ ဤတွင် ၎င်းကို စတင်ရန် နည်းလမ်းမှာ-

  1. . _ _ bundle install_
  2. root directory မှ command line တွင် /bootstraprun ပါ။npm run docs-serve
  3. http://localhost:9001သင်၏ browser တွင် ဖွင့် ပါ၊ နှင့်voilà။

၎င်း၏ စာရွက်စာတမ်းများ ကိုဖတ်ခြင်းဖြင့် Jekyll ကိုအသုံးပြုခြင်းအကြောင်းပိုမိုလေ့လာပါ ။

ပြသာနာရှာဖွေရှင်းပေးခြင်း

မှီခိုမှုထည့်သွင်းခြင်းတွင် ပြဿနာများကြုံတွေ့ပါက ယခင်မှီခိုမှုဗားရှင်းများ (ကမ္ဘာလုံးဆိုင်ရာနှင့် ဒေသတွင်း) အားလုံးကို ဖြုတ်လိုက်ပါ။ ပြီးရင် ပြန် run လိုက်ပါ npm install