Source

সঁজুলি নিৰ্মাণ কৰক

আমাৰ আলেখ্যন নিৰ্মাণ কৰিবলে, উৎস ক'ড কম্পাইল কৰিবলে, পৰীক্ষাসমূহ চলাবলে, আৰু অধিক কৰিবলে Bootstrap ৰ অন্তৰ্ভুক্ত npm স্ক্ৰিপ্টসমূহ কেনেকৈ ব্যৱহাৰ কৰিব লাগে শিকিব।

টুলিং ছেটআপ

বুটষ্ট্ৰেপে ইয়াৰ নিৰ্মাণ ব্যৱস্থাপ্ৰণালীৰ বাবে NPM লিপিসমূহ ব্যৱহাৰ কৰে। আমাৰ package.json এ ফ্ৰেমৱৰ্কৰ সৈতে কাম কৰাৰ বাবে সুবিধাজনক পদ্ধতিসমূহ অন্তৰ্ভুক্ত কৰে, ক'ড কম্পাইলিং, পৰীক্ষাসমূহ চলোৱা, আৰু অধিক অন্তৰ্ভুক্ত কৰি।

আমাৰ নিৰ্মাণ ব্যৱস্থাপ্ৰণালী ব্যৱহাৰ কৰিবলে আৰু আমাৰ আলেখ্যন স্থানীয়ভাৱে চলাবলৈ, আপুনি Bootstrap ৰ উৎস নথিপত্ৰসমূহ আৰু ন'ডৰ এটা কপিৰ প্ৰয়োজন হ'ব । এই পদক্ষেপসমূহ অনুসৰণ কৰক আৰু আপুনি ৰক কৰিবলৈ সাজু হ'ব লাগে:

  1. Node.js ডাউনলোড আৰু ইনষ্টল কৰক , যিটো আমি আমাৰ নিৰ্ভৰশীলতাসমূহ পৰিচালনা কৰিবলৈ ব্যৱহাৰ কৰো।
  2. /bootstrapৰূট পঞ্জিকালৈ নেভিগেট কৰক আৰু package.jsonnpm install ত তালিকাভুক্ত আমাৰ স্থানীয় নিৰ্ভৰশীলতাসমূহ সংস্থাপন কৰিবলে চলাওক ।
  3. 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 ৰ ব্যৱহাৰৰ প্ৰয়োজন, এটা মান্যভাৱে নমনীয় স্থিতিশীল চাইট উৎপাদক যি আমাক প্ৰদান কৰে: মূল অন্তৰ্ভুক্তসমূহ, মাৰ্কডাউন-ভিত্তিয় নথিপত্ৰসমূহ, সাঁচসমূহ, আৰু অধিক। ইয়াক কেনেকৈ আৰম্ভ কৰিব পাৰি ইয়াত দেখুওৱা হৈছে:

  1. Jekyll (ছাইট নিৰ্মাতা) আৰু অন্য Ruby নিৰ্ভৰশীলতাসমূহ সংস্থাপন কৰিবলে ওপৰৰ সঁজুলি প্ৰতিষ্ঠাৰ মাজেৰে চলাওক bundle install।
  2. ৰূট /bootstrapডাইৰেকটৰীৰ পৰা, npm run docs-serveআদেশ শাৰীত চলাওক।
  3. http://localhost:9001আপোনাৰ ব্ৰাউজাৰত খোলক , আৰু voilà.

Jekyll ব্যৱহাৰ কৰাৰ বিষয়ে ইয়াৰ আলেখ্যন পঢ়ি অধিক শিকিব ।

সমস্যা সমাধান কৰা

আপুনি নিৰ্ভৰশীলতাসমূহ সংস্থাপন কৰাৰ সৈতে সমস্যাৰ সন্মুখীন হ'লে, সকলো পূৰ্বৱৰ্তী নিৰ্ভৰশীলতা সংস্কৰণ (গোলকীয় আৰু স্থানীয়) আনইনস্টল কৰক । তাৰ পিছত, পুনৰ চলাওক npm install.