Source

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

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

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

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

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

  1. ကျွန်ုပ်တို့၏ မှီခိုမှုကိုစီမံခန့်ခွဲရန် ကျွန်ုပ်တို့အသုံးပြုသည့် Node.js ကို ဒေါင်းလုဒ်လုပ်ပြီး ထည့်သွင်း ပါ။
  2. root /bootstrapdirectory သို့ သွား၍ package.jsonnpm install တွင် ဖော်ပြထားသော ကျွန်ုပ်တို့၏ ဒေသဆိုင်ရာ မှီခိုမှုကို ထည့်သွင်းရန် လုပ်ဆောင်ပါ ။
  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 ၏ အဓိကအစိတ်အပိုင်းများကို တစ်ကြိမ်တည်းရေးသားခွင့်ပြုခြင်းဖြင့် ကျွန်ုပ်တို့၏အချိန်နှင့် ကုဒ်ကို သက်သာစေပါသည်။

We maintain the list of browsers supported through Autoprefixer in a separate file within our GitHub repository. See /package.json for details.

Local documentation

Running our documentation locally requires the use of Jekyll, a decently flexible static site generator that provides us: basic includes, Markdown-based files, templates, and more. Here’s how to get it started:

  1. Run through the tooling setup above to install Jekyll (the site builder) and other Ruby dependencies with bundle install.
  2. From the root /bootstrap directory, run npm run docs-serve in the command line.
  3. Open http://localhost:9001 in your browser, and voilà.

Learn more about using Jekyll by reading its documentation.

Troubleshooting

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