ৱেবপেক
Webpack 3 ব্যৱহাৰ কৰি আপোনাৰ প্ৰকল্পত Bootstrap কেনেকৈ অন্তৰ্ভুক্ত কৰিব লাগে শিকিব।
bootstrap এটা Node.js মডিউল হিচাপে npm ব্যৱহাৰ কৰি সংস্থাপন কৰক ।
আপোনাৰ এপৰ প্ৰৱেশ বিন্দুত এই শাৰী যোগ কৰি Bootstrap ৰ JavaScript আমদানি কৰক (সাধাৰণতে index.js
বা app.js
):
বৈকল্পিকভাৱে, আপুনি প্ৰয়োজন অনুসৰি প্লাগ-ইনসমূহ পৃথকে পৃথকে আমদানি কৰিব পাৰে :
বুটষ্ট্ৰেপ jQuery আৰু Popper ৰ ওপৰত নিৰ্ভৰশীল , এইবোৰ এনেদৰে সংজ্ঞায়িত কৰা হৈছে , ইয়াৰ অৰ্থ হৈছে আপুনি নিশ্চিত কৰিব লাগিব যে আপুনি সিহতক দুয়োটা আপোনাৰ ব্যৱহাৰত peerDependencies
যোগ কৰাটো নিশ্চিত কৰিব লাগিব ।package.json
npm install --save jquery popper.js
মন কৰক যে যদি আপুনি প্লাগ-ইনসমূহ পৃথকে পৃথকে আমদানি কৰিবলে নিৰ্ব্বাচন কৰিছে, আপুনি exports-loader সংস্থাপন কৰিব লাগিব
Bootstrap ৰ সম্পূৰ্ণ সম্ভাৱনা উপভোগ কৰিবলে আৰু আপোনাৰ প্ৰয়োজন অনুসৰি ইয়াক স্বনিৰ্বাচিত কৰিবলে, উৎস নথিপত্ৰসমূহ আপোনাৰ প্ৰকল্পৰ বাণ্ডলিং প্ৰক্ৰিয়াৰ এটা অংশ হিচাপে ব্যৱহাৰ কৰক ।
প্ৰথমে, আপোনাৰ নিজৰ সৃষ্টি কৰক _custom.scss
আৰু ইয়াক ব্যৱহাৰ কৰক অন্তৰ্নিৰ্মিত স্বনিৰ্বাচিত চলকসমূহ অভাৰৰাইড কৰিবলে । তাৰ পিছত, আপোনাৰ স্বনিৰ্বাচিত চলকসমূহ আমদানি কৰিবলে আপোনাৰ মূল sass নথিপত্ৰ ব্যৱহাৰ কৰক, তাৰ পিছত Bootstrap:
Bootstrap কম্পাইল কৰিবলে, নিশ্চিত কৰক যে আপুনি প্ৰয়োজনীয় লোডাৰসমূহ সংস্থাপন আৰু ব্যৱহাৰ কৰে: sass- loader , postcss-loader Autoprefixer ৰ সৈতে । নূন্যতম প্ৰতিষ্ঠাৰ সৈতে, আপোনাৰ webpack বিন্যাসে এই নিয়ম বা অনুৰূপ অন্তৰ্ভুক্ত কৰিব লাগে:
বৈকল্পিকভাৱে, আপুনি Bootstrap ৰ ব্যৱহাৰৰ বাবে প্ৰস্তুত css ব্যৱহাৰ কৰিব পাৰে আপোনাৰ প্ৰকল্পৰ প্ৰৱেশ বিন্দুত এই শাৰী যোগ কৰি:
এই ক্ষেত্ৰত আপুনি আপোনাৰ বৰ্ত্তমানৰ নিয়ম ব্যৱহাৰ কৰিব পাৰে css
webpack config ৰ কোনো বিশেষ পৰিবৰ্তন নকৰাকৈ বাদে আপুনি sass-loader
কেৱল style-loader আৰু css-loader ৰ প্ৰয়োজন নাই ।