මෙවලම් සාදන්න
අපගේ ලේඛන ගොඩනැගීමට, මූලාශ්ර කේතය සම්පාදනය කිරීමට, පරීක්ෂණ ධාවනය කිරීමට සහ තවත් බොහෝ දේ සඳහා Bootstrap හි ඇතුළත් npm ස්ක්රිප්ට් භාවිතා කරන්නේ කෙසේදැයි ඉගෙන ගන්න.
මෙවලම් සැකසීම
Bootstrap එහි ගොඩනැගීමේ පද්ධතිය සඳහා npm ස්ක්රිප්ට් භාවිතා කරයි. කේතය සම්පාදනය කිරීම, ධාවන පරීක්ෂණ සහ තවත් දේ ඇතුළුව රාමුව සමඟ වැඩ කිරීමට පහසු ක්රම අපගේ package.json හි ඇතුළත් වේ.
අපගේ ගොඩනැගීමේ පද්ධතිය භාවිතා කිරීමට සහ අපගේ ලේඛන දේශීයව ධාවනය කිරීමට, ඔබට Bootstrap හි මූලාශ්ර ගොනු සහ Node පිටපතක් අවශ්ය වේ. මෙම පියවර අනුගමනය කරන්න, ඔබ රොක් කිරීමට සූදානම් විය යුතුය:
- අපගේ පරායත්තතා කළමනාකරණය කිරීමට අපි භාවිතා කරන Node.js බාගත කර ස්ථාපනය කරන්න .
- Bootstrap හි මූලාශ්ර බාගන්න හෝ fork Bootstrap හි ගබඩාව .
- මූල
/bootstrap
නාමාවලිය වෙත සංචාලනය කර pack.jsonnpm install
හි ලැයිස්තුගත කර ඇති අපගේ දේශීය පරායත්තතා ස්ථාපනය කිරීමට ධාවනය කරන්න . - Ruby ස්ථාපනය කරන්න , සමඟ Bundler
gem install bundler
ස්ථාපනය කරන්න , අවසානයේ ධාවනය කරන්නbundle install
. මෙය Jekyll සහ ප්ලගීන වැනි සියලුම Ruby පරායත්තතා ස්ථාපනය කරනු ඇත.- Windows භාවිතා කරන්නන්: Jekyll ලබා ගැනීමට සහ ගැටළු නොමැතිව ධාවනය කිරීමට මෙම මාර්ගෝපදේශය කියවන්න .
සම්පුර්ණ වූ විට, ඔබට විධාන රේඛාවෙන් ලබා දී ඇති විවිධ විධාන ක්රියාත්මක කිරීමට හැකි වනු ඇත.
npm ස්ක්රිප්ට් භාවිතා කිරීම
අපගේ package.json හි පහත විධාන සහ කාර්යයන් ඇතුළත් වේ:
කාර්ය | විස්තර |
---|---|
npm run dist |
npm run dist /dist/ සම්පාදනය කරන ලද ගොනු සමඟ නාමාවලිය නිර්මාණය කරයි . Sass , Autoprefixer සහ terser භාවිතා කරයි. |
npm test |
ප්ලස් ලෙසම npm run dist එය දේශීයව පරීක්ෂණ ක්රියාත්මක කරයි |
npm run docs |
ලේඛන සඳහා CSS සහ JavaScript තැනීම සහ සම්බන්ධ කිරීම. එවිට ඔබට ලේඛන දේශීයව හරහා ධාවනය කළ හැක npm run docs-serve . |
npm run
සියලුම npm ස්ක්රිප්ට් බැලීමට ධාවනය කරන්න .
ස්වයං උපසර්ගය
Bootstrap විසින් Autoprefixer භාවිතා කරයි (අපගේ ගොඩනැගීමේ ක්රියාවලියට ඇතුළත් කර ඇත) ස්වයංක්රීයව සමහර CSS ගුණාංග වලට විකුණුම් උපසර්ග එක් කිරීමට. එසේ කිරීමෙන් අපගේ CSS හි ප්රධාන කොටස් එක් වරක් ලිවීමට ඉඩ දීමෙන් අපට කාලය සහ කේත ඉතිරි කර ගත හැකි අතර v3 හි ඇති වැනි විකුණුම්කරුවන්ගේ මිශ්රණයේ අවශ්යතාවය ඉවත් කරයි.
අපි Autoprefixer හරහා සහාය දක්වන බ්රව්සර් ලැයිස්තුව අපගේ GitHub ගබඩාව තුළ වෙනම ගොනුවක පවත්වාගෙන යන්නෙමු. විස්තර සඳහා .browserslistrc බලන්න .
දේශීය ලියකියවිලි
අපගේ ප්රලේඛනය දේශීයව ක්රියාත්මක කිරීම සඳහා අපට සපයන විනීත නම්යශීලී ස්ථිතික අඩවි උත්පාදකයක් වන Jekyll භාවිතය අවශ්ය වේ: මූලික ඇතුළත්, Markdown මත පදනම් වූ ගොනු, සැකිලි සහ තවත් දේ. එය ආරම්භ කරන්නේ කෙසේද යන්න මෙන්න:
- Jekyll (අඩවි සාදන්නා) සහ අනෙකුත් Ruby පරායත්තතා ස්ථාපනය කිරීමට ඉහත මෙවලම් සැකසුම හරහා ධාවනය කරන්න
bundle install
. - මූල
/bootstrap
නාමාවලියෙන්,npm run docs-serve
විධාන රේඛාවේ ධාවනය කරන්න. - ඔබගේ බ්රවුසරයේ විවෘත
http://localhost:9001
කරන්න, සහ voilà.
එහි ලේඛන කියවීමෙන් Jekyll භාවිතා කිරීම ගැන තව දැනගන්න .
දෝෂගවේෂණය
පරායත්තතා ස්ථාපනය කිරීමේදී ඔබට ගැටළු ඇති වුවහොත්, පෙර පැවති සියලු පරායත්ත අනුවාද (ගෝලීය සහ දේශීය) අස්ථාපනය කරන්න. ඉන්පසු, නැවත ධාවනය කරන්න npm install
.