Source

সরঞ্জাম তৈরি করুন

আমাদের ডকুমেন্টেশন তৈরি করতে, সোর্স কোড কম্পাইল করতে, পরীক্ষা চালাতে এবং আরও অনেক কিছু করতে বুটস্ট্র্যাপের অন্তর্ভুক্ত npm স্ক্রিপ্টগুলি কীভাবে ব্যবহার করবেন তা শিখুন।

টুলিং সেটআপ

বুটস্ট্র্যাপ তার বিল্ড সিস্টেমের জন্য npm স্ক্রিপ্ট ব্যবহার করে। আমাদের package.json- এ ফ্রেমওয়ার্কের সাথে কাজ করার সুবিধাজনক পদ্ধতি রয়েছে, যার মধ্যে রয়েছে কোড কম্পাইল করা, পরীক্ষা চালানো এবং আরও অনেক কিছু।

আমাদের বিল্ড সিস্টেম ব্যবহার করতে এবং স্থানীয়ভাবে আমাদের ডকুমেন্টেশন চালাতে, আপনার বুটস্ট্র্যাপের সোর্স ফাইল এবং নোডের একটি অনুলিপি প্রয়োজন। এই পদক্ষেপগুলি অনুসরণ করুন এবং আপনার রক করার জন্য প্রস্তুত হওয়া উচিত:

  1. Node.js ডাউনলোড এবং ইনস্টল করুন , যা আমরা আমাদের নির্ভরতা পরিচালনা করতে ব্যবহার করি।
  2. /bootstrapরুট ডিরেক্টরিতে নেভিগেট করুন এবং package.json-npm install এ তালিকাভুক্ত আমাদের স্থানীয় নির্ভরতা ইনস্টল করতে চালান ।
  3. রুবি ইনস্টল করুন, এর সাথে বান্ডলারgem install bundler ইনস্টল করুন এবং অবশেষে চালান bundle install। এটি সমস্ত রুবি নির্ভরতা ইনস্টল করবে, যেমন জেকিল এবং প্লাগইন।

সম্পন্ন হলে, আপনি কমান্ড লাইন থেকে প্রদত্ত বিভিন্ন কমান্ড চালাতে সক্ষম হবেন।

npm স্ক্রিপ্ট ব্যবহার করে

আমাদের package.json নিম্নলিখিত কমান্ড এবং কাজগুলি অন্তর্ভুক্ত করে:

টাস্ক বর্ণনা
npm run dist npm run dist/dist/কম্পাইল করা ফাইল দিয়ে ডিরেক্টরি তৈরি করে । Sass , Autoprefixer , এবং UglifyJS ব্যবহার করে
npm test একইভাবে npm run distপ্লাস এটি স্থানীয়ভাবে পরীক্ষা চালায়
npm run docs ডক্সের জন্য সিএসএস এবং জাভাস্ক্রিপ্ট তৈরি করে এবং লিন্ট করে। তারপরে আপনি স্থানীয়ভাবে ডকুমেন্টেশনটি এর মাধ্যমে চালাতে পারেন npm run docs-serve

npm runসমস্ত এনপিএম স্ক্রিপ্ট দেখতে চালান ।

অটোপ্রিফিক্সার

বুটস্ট্র্যাপ অটোপ্রেফিক্সার ব্যবহার করে (আমাদের বিল্ড প্রক্রিয়ায় অন্তর্ভুক্ত) বিল্ড টাইমে কিছু সিএসএস বৈশিষ্ট্যে স্বয়ংক্রিয়ভাবে ভেন্ডর প্রিফিক্স যোগ করতে। এটি করা আমাদের সময় এবং কোড বাঁচায় এবং আমাদের সিএসএসের মূল অংশগুলিকে একক সময় লিখতে দেয় যখন v3 তে পাওয়া যায় এমন বিক্রেতা মিশ্রণের প্রয়োজনীয়তা দূর করে।

আমরা আমাদের GitHub সংগ্রহস্থলের মধ্যে একটি পৃথক ফাইলে Autoprefixer এর মাধ্যমে সমর্থিত ব্রাউজারগুলির তালিকা বজায় রাখি। বিস্তারিত জানার জন্য .browserslistrc দেখুন ।

স্থানীয় ডকুমেন্টেশন

স্থানীয়ভাবে আমাদের ডকুমেন্টেশন চালানোর জন্য Jekyll ব্যবহার করতে হবে, একটি শালীনভাবে নমনীয় স্ট্যাটিক সাইট জেনারেটর যা আমাদের প্রদান করে: মৌলিক অন্তর্ভুক্ত, মার্কডাউন-ভিত্তিক ফাইল, টেমপ্লেট এবং আরও অনেক কিছু। এটি কীভাবে শুরু করবেন তা এখানে:

  1. জেকিল (সাইট নির্মাতা) এবং অন্যান্য রুবি নির্ভরতা ইনস্টল করতে উপরের টুলিং সেটআপের মাধ্যমে চালান bundle install
  2. রুট /bootstrapডিরেক্টরি থেকে, npm run docs-serveকমান্ড লাইনে চালান।
  3. আপনার ব্রাউজারে খুলুন http://localhost:9001, এবং voilà.

এর ডকুমেন্টেশন পড়ে জেকিল ব্যবহার সম্পর্কে আরও জানুন ।

সমস্যা সমাধান

আপনি যদি নির্ভরতা ইনস্টল করার সময় সমস্যার সম্মুখীন হন, তাহলে পূর্ববর্তী সমস্ত নির্ভরতা সংস্করণ (গ্লোবাল এবং স্থানীয়) আনইনস্টল করুন। তারপর, পুনরায় চালান npm install