Source

මෙවලම් සාදන්න

අපගේ ලේඛන ගොඩනැගීමට, මූලාශ්‍ර කේතය සම්පාදනය කිරීමට, පරීක්ෂණ ධාවනය කිරීමට සහ තවත් බොහෝ දේ සඳහා Bootstrap හි ඇතුළත් npm ස්ක්‍රිප්ට් භාවිතා කරන්නේ කෙසේදැයි ඉගෙන ගන්න.

මෙවලම් සැකසීම

Bootstrap එහි ගොඩනැගීමේ පද්ධතිය සඳහා NPM ස්ක්‍රිප්ට් භාවිතා කරයි. කේතය සම්පාදනය කිරීම, ධාවන පරීක්ෂණ සහ තවත් දේ ඇතුළුව රාමුව සමඟ වැඩ කිරීමට පහසු ක්‍රම අපගේ package.json හි ඇතුළත් වේ.

අපගේ ගොඩනැගීමේ පද්ධතිය භාවිතා කිරීමට සහ අපගේ ලේඛන දේශීයව ධාවනය කිරීමට, ඔබට Bootstrap හි මූලාශ්‍ර ගොනු සහ Node පිටපතක් අවශ්‍ය වේ. මෙම පියවර අනුගමනය කරන්න, ඔබ රොක් කිරීමට සූදානම් විය යුතුය:

  1. අපගේ පරායත්තතා කළමනාකරණය කිරීමට අපි භාවිතා කරන Node.js බාගත කර ස්ථාපනය කරන්න .
  2. මූල /bootstrapනාමාවලිය වෙත සංචාලනය කර package.jsonnpm install හි ලැයිස්තුගත කර ඇති අපගේ දේශීය පරායත්තතා ස්ථාපනය කිරීමට ධාවනය කරන්න .
  3. Ruby ස්ථාපනය කරන්න , සමඟ Bundlergem install bundler ස්ථාපනය කරන්න , අවසානයේ ධාවනය කරන්න bundle install. මෙය Jekyll සහ plugins වැනි සියලුම Ruby පරායත්තතා ස්ථාපනය කරනු ඇත.
    • Windows භාවිතා කරන්නන්: Jekyll ලබා ගැනීමට සහ ගැටළු නොමැතිව ධාවනය කිරීමට මෙම මාර්ගෝපදේශය කියවන්න .

සම්පුර්ණ වූ විට, ඔබට විධාන රේඛාවෙන් ලබා දී ඇති විවිධ විධානයන් ක්‍රියාත්මක කිරීමට හැකි වනු ඇත.

NPM ස්ක්‍රිප්ට් භාවිතා කිරීම

අපගේ package.json හි පහත විධාන සහ කාර්යයන් ඇතුළත් වේ:

කාර්ය විස්තර
npm run dist npm run dist/distසම්පාදනය කරන ලද ගොනු සමඟ නාමාවලිය නිර්මාණය කරයි . Sass , Autoprefixer , සහ UglifyJS භාවිතා කරයි.
npm test ප්ලස් ලෙසම npm run distඑය දේශීයව පරීක්ෂණ ක්‍රියාත්මක කරයි
npm run docs ලේඛන සඳහා CSS සහ JavaScript තැනීම සහ සම්බන්ධ කිරීම. එවිට ඔබට ලේඛන දේශීයව හරහා ධාවනය කළ හැක npm run docs-serve.

npm runසියලුම npm ස්ක්‍රිප්ට් බැලීමට ධාවනය කරන්න .

ස්වයං උපසර්ගය

Bootstrap විසින් Autoprefixer භාවිතා කරයි (අපගේ ගොඩනැගීමේ ක්‍රියාවලියට ඇතුළත් කර ඇත) ස්වයංක්‍රීයව සමහර CSS ගුණාංග වෙත විකුණුම් උපසර්ග එක් කිරීමට. එසේ කිරීමෙන් අපගේ CSS හි ප්‍රධාන කොටස් එක් වරක් ලිවීමට ඉඩ ලබා දීමෙන් අපගේ කාලය සහ කේතය ඉතිරි කර ගත හැකි අතර v3 හි ඇති වැනි විකුණුම්කරුවන්ගේ මිශ්‍රණයන් සඳහා අවශ්‍යතාවය ඉවත් කරයි.

අපි අපගේ GitHub ගබඩාව තුළ වෙනම ගොනුවක Autoprefixer හරහා සහාය දක්වන බ්‍රව්සර් ලැයිස්තුවක් පවත්වාගෙන යයි. විස්තර සඳහා /package.json බලන්න .

දේශීය ලියකියවිලි

අපගේ ප්‍රලේඛනය දේශීයව ක්‍රියාත්මක කිරීම සඳහා අපට සපයන විනීත නම්‍යශීලී ස්ථිතික අඩවි උත්පාදකයක් වන Jekyll භාවිතය අවශ්‍ය වේ: මූලික ඇතුළත්, Markdown මත පදනම් වූ ගොනු, සැකිලි සහ තවත් දේ. එය ආරම්භ කරන්නේ කෙසේද යන්න මෙන්න:

  1. Jekyll (අඩවි සාදන්නා) සහ අනෙකුත් Ruby පරායත්තතා ස්ථාපනය කිරීමට ඉහත මෙවලම් සැකසුම හරහා ධාවනය කරන්න bundle install.
  2. මූල /bootstrapනාමාවලියෙන්, npm run docs-serveවිධාන රේඛාවේ ධාවනය කරන්න.
  3. ඔබගේ බ්රවුසරයේ විවෘත http://localhost:9001කරන්න, සහ voilà.

එහි ලේඛන කියවීමෙන් Jekyll භාවිතා කිරීම ගැන තව දැනගන්න .

දෝෂගවේෂණය

පරායත්තතා ස්ථාපනය කිරීමේදී ඔබට ගැටළු ඇති වුවහොත්, පෙර පැවති සියලු පරායත්ත අනුවාද (ගෝලීය සහ දේශීය) අස්ථාපනය කරන්න. ඉන්පසු, නැවත ධාවනය කරන්න npm install.