সঁজুলি নিৰ্মাণ কৰক
আমাৰ আলেখ্যন নিৰ্মাণ কৰিবলে, উৎস ক'ড কম্পাইল কৰিবলে, পৰীক্ষাসমূহ চলাবলে, আৰু অধিক কৰিবলে Bootstrap ৰ অন্তৰ্ভুক্ত npm স্ক্ৰিপ্টসমূহ কেনেকৈ ব্যৱহাৰ কৰিব লাগে শিকিব।
টুলিং ছেটআপ
বুটষ্ট্ৰেপে ইয়াৰ নিৰ্মাণ ব্যৱস্থাপ্ৰণালীৰ বাবে npm স্ক্ৰিপ্টসমূহ ব্যৱহাৰ কৰে । আমাৰ package.json এ ফ্ৰেমৱৰ্কৰ সৈতে কাম কৰাৰ বাবে সুবিধাজনক পদ্ধতিসমূহ অন্তৰ্ভুক্ত কৰে, ক'ড কম্পাইলিং, পৰীক্ষাসমূহ চলোৱা, আৰু অধিক অন্তৰ্ভুক্ত কৰি।
আমাৰ নিৰ্মাণ ব্যৱস্থাপ্ৰণালী ব্যৱহাৰ কৰিবলে আৰু আমাৰ আলেখ্যন স্থানীয়ভাৱে চলাবলৈ, আপুনি Bootstrap ৰ উৎস নথিপত্ৰসমূহ আৰু ন'ডৰ এটা কপিৰ প্ৰয়োজন হ'ব । এই পদক্ষেপসমূহ অনুসৰণ কৰক আৰু আপুনি ৰক কৰিবলৈ সাজু হ'ব লাগে:
- Node.js ডাউনলোড আৰু ইনষ্টল কৰক , যিটো আমি আমাৰ নিৰ্ভৰশীলতাসমূহ পৰিচালনা কৰিবলৈ ব্যৱহাৰ কৰো।
/bootstrap
ৰূট পঞ্জিকালৈ নেভিগেট কৰক আৰু package.jsonnpm install
ত তালিকাভুক্ত আমাৰ স্থানীয় নিৰ্ভৰশীলতাসমূহ সংস্থাপন কৰিবলে চলাওক ।- Ruby সংস্থাপন কৰক , বাণ্ডলাৰ সংস্থাপন কৰক
gem install bundler
, আৰু শেষত চলাওকbundle install
। ই সকলো Ruby নিৰ্ভৰশীলতা সংস্থাপন কৰিব, যেনে Jekyll আৰু প্লাগ-ইন।- উইণ্ড'জ ব্যৱহাৰকাৰীসকল: Jekyllক সমস্যা নোহোৱাকৈ চলাবলৈ আৰু চলাবলৈ এই গাইড পঢ়ক ।
সম্পূৰ্ণ হ'লে, আপুনি আদেশ শাৰীৰ পৰা প্ৰদান কৰা বিভিন্ন আদেশ চলাব পাৰিব।
npm লিপি ব্যৱহাৰ কৰা
আমাৰ package.json ত নিম্নলিখিত আদেশ আৰু কাৰ্য্যসমূহ অন্তৰ্ভুক্ত কৰা হৈছে:
কাৰ্য | বিৱৰণ |
---|---|
npm run dist |
npm run dist /dist/ কম্পাইল কৰা নথিপত্ৰসমূহৰ সৈতে ডাইৰেকটৰি সৃষ্টি কৰে । Sass , স্বয়ংক্ৰিয় উপসৰ্গ , আৰু UglifyJS ব্যৱহাৰ কৰে । |
npm test |
প্লাছৰ দৰেই npm run dist ই স্থানীয়ভাৱে পৰীক্ষা চলায় |
npm run docs |
নথিপত্ৰসমূহৰ বাবে CSS আৰু JavaScript নিৰ্মাণ আৰু লিন্ট কৰে। আপুনি তাৰ পিছত আলেখ্যন স্থানীয়ভাৱে চলাব পাৰিব npm run docs-serve . |
npm run
সকলো npm স্ক্ৰিপ্ট চাবলৈ চলাওক ।
স্বয়ং উপসৰ্গ
বুটষ্ট্ৰেপে নিৰ্মাণৰ সময়ত কিছুমান CSS বৈশিষ্ট্যসমূহত বিক্ৰেতা উপসৰ্গসমূহ স্বয়ংক্ৰিয়ভাৱে যোগ কৰিবলে Autoprefixer (আমাৰ নিৰ্মাণ প্ৰক্ৰিয়াত অন্তৰ্ভুক্ত) ব্যৱহাৰ কৰে। তেনে কৰিলে আমাৰ CSS ৰ মূল অংশসমূহ এবাৰ লিখিবলৈ অনুমতি দি আমাৰ সময় আৰু ক'ড ৰাহি হয় আৰু v3 ত পোৱাৰ দৰে ভেণ্ডৰ মিক্সিনৰ প্ৰয়োজনীয়তা নাইকিয়া হয়।
আমি আমাৰ GitHub ভঁৰালৰ ভিতৰত এটা পৃথক ফাইলত Autoprefixer ৰ যোগেদি সমৰ্থিত ব্ৰাউজাৰসমূহৰ তালিকা ৰক্ষণাবেক্ষণ কৰোঁ। বিৱৰণৰ বাবে .browserslistrc চাওক ।
স্থানীয় নথিপত্ৰ
আমাৰ আলেখ্যনসমূহ স্থানীয়ভাৱে চলাবলৈ Jekyll ৰ ব্যৱহাৰৰ প্ৰয়োজন, এটা মান্যভাৱে নমনীয় স্থিতিশীল চাইট উৎপাদক যি আমাক প্ৰদান কৰে: মূল অন্তৰ্ভুক্তসমূহ, মাৰ্কডাউন-ভিত্তিয় নথিপত্ৰসমূহ, সাঁচসমূহ, আৰু অধিক। ইয়াক কেনেকৈ আৰম্ভ কৰিব পাৰি ইয়াত দেখুওৱা হৈছে:
- Jekyll (ছাইট নিৰ্মাতা) আৰু অন্য Ruby নিৰ্ভৰশীলতাসমূহ সংস্থাপন কৰিবলে ওপৰৰ সঁজুলি প্ৰতিষ্ঠাৰ মাজেৰে চলাওক
bundle install
। - ৰূট
/bootstrap
ডাইৰেকটৰীৰ পৰা,npm run docs-serve
আদেশ শাৰীত চলাওক। http://localhost:9001
আপোনাৰ ব্ৰাউজাৰত খোলক , আৰু voilà.
Jekyll ব্যৱহাৰ কৰাৰ বিষয়ে ইয়াৰ আলেখ্যন পঢ়ি অধিক শিকিব ।
সমস্যা সমাধান কৰা
আপুনি নিৰ্ভৰশীলতাসমূহ সংস্থাপন কৰাৰ সৈতে সমস্যাৰ সন্মুখীন হ'লে, সকলো পূৰ্বৱৰ্তী নিৰ্ভৰশীলতা সংস্কৰণ (গোলকীয় আৰু স্থানীয়) আনইনস্টল কৰক । তাৰ পিছত, পুনৰ চলাওক npm install
.