ကိရိယာများတည်ဆောက်ပါ။
ကျွန်ုပ်တို့၏စာရွက်စာတမ်းများကိုတည်ဆောက်ရန်၊ အရင်းအမြစ်ကုဒ်စုစည်းမှု၊ စမ်းသပ်မှုများလုပ်ဆောင်ရန်နှင့် အခြားအရာများပြုလုပ်ရန်အတွက် Bootstrap ၏ထည့်သွင်းထားသော npm script များကိုအသုံးပြုနည်းကို လေ့လာပါ။
Tooling စနစ်ထည့်သွင်းခြင်း။
Bootstrap သည် ၎င်း၏တည်ဆောက်မှုစနစ်အတွက် npm script များကို အသုံးပြုသည်။ ကျွန်ုပ်တို့၏ package.json တွင် ကုဒ်စုစည်းမှု၊ လုပ်ဆောင်နေသည့် စမ်းသပ်မှုများနှင့် အခြားအရာများအပါအဝင် framework နှင့် အလုပ်လုပ်ရန်အတွက် အဆင်ပြေသောနည်းလမ်းများ ပါဝင်သည်။
ကျွန်ုပ်တို့၏တည်ဆောက်မှုစနစ်ကိုအသုံးပြုပြီး ကျွန်ုပ်တို့၏စာရွက်စာတမ်းများကို စက်တွင်းတွင်လည်ပတ်ရန်အတွက်၊ သင်သည် Bootstrap ၏အရင်းအမြစ်ဖိုင်များနှင့် Node ၏မိတ္တူတစ်ခုလိုအပ်ပါသည်။ ဒီအဆင့်တွေကို လိုက်နာပြီး ရင်ခုန်ဖို့ အသင့်ဖြစ်သင့်ပါတယ်-
- ကျွန်ုပ်တို့၏ မှီခိုမှုကိုစီမံခန့်ခွဲရန် ကျွန်ုပ်တို့အသုံးပြုသည့် Node.js ကို ဒေါင်းလုဒ်လုပ်ပြီး ထည့်သွင်း ပါ။
- Bootstrap ၏ရင်းမြစ်များကို ဒေါင်းလုဒ်လုပ်ခြင်း သို့မဟုတ် Bootstrap ၏ သိုလှောင်မှုကို ဖြတ် နိုင်သည်။
- root
/bootstrap
directory သို့ သွား၍ package.jsonnpm install
တွင် ဖော်ပြထားသော ကျွန်ုပ်တို့၏ ဒေသဆိုင်ရာ မှီခိုမှုကို ထည့်သွင်းရန် လုပ်ဆောင်ပါ ။ - Ruby ကိုထည့်သွင်း ပါ၊ Bundler ဖြင့် ထည့်သွင်းပါ
gem install bundler
၊ နောက်ဆုံးတွင် runbundle install
ပါ။ ၎င်းသည် Jekyll နှင့် plugins ကဲ့သို့သော Ruby မှီခိုမှုအားလုံးကို ထည့်သွင်းပါမည်။- Windows အသုံးပြုသူများ- Jekyll ကို ပြဿနာမရှိဘဲ လုပ်ဆောင်နိုင်စေရန် ဤလမ်းညွှန်ချက်ကို ဖတ်ပါ ။
ပြီးသွားသောအခါ၊ သင်သည် command line မှပေးသော အမျိုးမျိုးသော command များကို run နိုင်မည်ဖြစ်သည်။
npm script များကိုအသုံးပြုခြင်း။
ကျွန်ုပ်တို့၏ package.json တွင် အောက်ပါ command များနှင့် လုပ်ဆောင်စရာများ ပါဝင်သည်-
တာဝန် | ဖော်ပြချက် |
---|---|
npm run dist |
npm run dist /dist/ စုစည်းထားသောဖိုင်များဖြင့် လမ်းညွှန် ကို ဖန်တီးသည် ။ Sass ၊ Autoprefixer နှင့် terser ကို အသုံးပြုသည် ။ |
npm test |
npm run dist ထို့အပြင် ၎င်းသည် ပြည်တွင်း၌ စမ်းသပ်မှုများ လုပ်ဆောင်နေသ ကဲ့သို့ပင် |
npm run docs |
Docs အတွက် CSS နှင့် JavaScript ကို တည်ဆောက်ပြီး အလင်းပေးသည်။ ထို့နောက် စာရွက်စာတမ်းကို စက်တွင်းမှတဆင့် သင်လုပ်ဆောင်နိုင်သည် npm run docs-serve ။ |
npm run
npm script အားလုံးကိုကြည့်ရန် run ပါ။
အလိုအလျောက် ကြိုပြင်ပေးသည်။
Bootstrap သည် တည်ဆောက်ချိန်၌ အချို့သော CSS ဂုဏ်သတ္တိများသို့ ရောင်းချသူ၏ရှေ့ဆက်များကို အလိုအလျောက်ထည့်သွင်းရန် Autoprefixer (ကျွန်ုပ်တို့၏တည်ဆောက်မှုလုပ်ငန်းစဉ်တွင် ပါဝင်သော) ကိုအသုံးပြုသည်။ ထိုသို့လုပ်ဆောင်ခြင်းဖြင့် v3 တွင်တွေ့ရသော v3 တွင်တွေ့ရသော ရောင်းချသူ mixins လိုအပ်မှုကို ဖယ်ရှားစေပြီး ကျွန်ုပ်တို့၏ CSS ၏ အဓိကအစိတ်အပိုင်းများကို တစ်ကြိမ်တည်းရေးသားခွင့်ပြုခြင်းဖြင့် ကျွန်ုပ်တို့၏အချိန်နှင့် ကုဒ်ကို သက်သာစေပါသည်။
ကျွန်ုပ်တို့သည် ကျွန်ုပ်တို့၏ GitHub repository အတွင်း သီးခြားဖိုင်တစ်ခုတွင် Autoprefixer မှတစ်ဆင့် ပံ့ပိုးပေးသည့် ဘရောက်ဆာများစာရင်းကို ထိန်းသိမ်းထားပါသည်။ အသေးစိတ် အတွက် .browserslistrc ကို ကြည့်ပါ ။
ဒေသဆိုင်ရာစာရွက်စာတမ်း
ကျွန်ုပ်တို့၏စာရွက်စာတမ်းများကို စက်တွင်းတွင်လုပ်ဆောင်ခြင်းတွင် ကျွန်ုပ်တို့အား ပေးဆောင်သည့် လျောက်ပတ်သောပြောင်းလွယ်ပြင်လွယ်ရှိသော တည်ငြိမ်သောဆိုက်ဂျင်နရေတာ Jekyll ကိုအသုံးပြုရန် လိုအပ်သည်- အခြေခံပါဝင်သည်၊ Markdown-based ဖိုင်များ၊ နမူနာများနှင့် အခြားအရာများပါဝင်သည်။ ဤတွင် ၎င်းကို စတင်ရန် နည်းလမ်းမှာ-
- . _ _
bundle install
_ - root directory မှ command line တွင်
/bootstrap
run ပါ။npm run docs-serve
http://localhost:9001
သင်၏ browser တွင် ဖွင့် ပါ၊ နှင့်voilà။
၎င်း၏ စာရွက်စာတမ်းများ ကိုဖတ်ခြင်းဖြင့် Jekyll ကိုအသုံးပြုခြင်းအကြောင်းပိုမိုလေ့လာပါ ။
ပြသာနာရှာဖွေရှင်းပေးခြင်း
မှီခိုမှုထည့်သွင်းခြင်းတွင် ပြဿနာများကြုံတွေ့ပါက ယခင်မှီခိုမှုဗားရှင်းများ (ကမ္ဘာလုံးဆိုင်ရာနှင့် ဒေသတွင်း) အားလုံးကို ဖြုတ်လိုက်ပါ။ ပြီးရင် ပြန် run လိုက်ပါ npm install
။