smalljs$molঅনুসন্ধান⌘ Kডকুমেন্টেশনপ্লেগ্রাউন্ডতুলনাইকোসিস্টেমসম্পর্কেBN
ইনস্টলেশনGetting Startedপরিচিতিমানসিক মডেলশুরু করাTypeScript থেকে view.treeপ্রকল্পের কাঠামোটুলিংEssentialsইনস্টলেশনভিউস্টেট ও রিয়্যাক্টিভিটিরাউটিংরেন্ডারিংটেস্টিংডিপ্লয়সমস্যা সমাধানDataডেটা ফেচিংডেটা স্কিমাGiper BazaMoreশোকেসReact, Vue ও Svelte থেকেকুকবুকAdvancedপ্লাগইনমডিউল মেটাডেটাঅফলাইনগোস্ট ভিউAboutসাধারণ জিজ্ঞাসাটিমরিলিজAPI$mol_button_major$mol_button_minor$mol_string$mol_number$mol_text$mol_paragraph$mol_list$mol_row$mol_link$mol_check$mol_switch$mol_select$mol_scroll$mol_page$mol_pick

ইনস্টলেশন

শুরু করা আপনাকে ধাপে ধাপে আপনার প্রথম অ্যাপের মধ্য দিয়ে নিয়ে যায়। এই পৃষ্ঠাটি রেফারেন্স: একটি $mol প্রকল্প কীভাবে সাজানো হয় এবং বিল্ড কীভাবে কাজ করে।

প্রয়োজনীয়তা

Node.js 18+ এবং git। এ ছাড়া আর কিছুই গ্লোবালি ইনস্টল করা হয় না।

MAM ওয়ার্কস্পেস

$mol অ্যাপগুলো MAM-এর ভেতরে থাকে — এটি বিল্ড টুল এবং মডিউল রেজিস্ট্রি। আপনি একবার ক্লোন করেন এবং এর ভেতরে আপনার মডিউল তৈরি করেন:1git clone https://github.com/hyoo-ru/mam.git ./mam2cd mam3npm install4npm startnpm start http://localhost:9080/-এ একটি ওয়াচিং ডেভেলপমেন্ট সার্ভার চালায়। এটি সেভ করার সময় পুনরায় বিল্ড করে এবং স্বয়ংক্রিয়ভাবে নির্ভরতা সমাধান করে — আপনি কখনও কোনো বান্ডলার কনফিগ রক্ষণাবেক্ষণ করেন না।

মডিউল কীভাবে নামকরণ হয়

প্রতিটি কম্পোনেন্টের নাম একটি ফোল্ডার পাথের সাথে ম্যাপ করে, এবং প্রতিটি আন্ডারস্কোর একটি ফোল্ডার বিভাজক:1$my_appmy/app/2$my_app_headermy/app/header/মডিউল ফোল্ডারের নামে কখনও আন্ডারস্কোর থাকে না — একাধিক শব্দের নামের জন্য নেস্টেড ফোল্ডার ব্যবহার করুন। আপনি যে কম্পোনেন্ট ব্যবহার করছেন সেটি যদি কখনও বান্ডলে না দেখা যায়, প্রায় সবসময়ই ফোল্ডার পাথ ক্লাসের নামের সাথে মেলে না।

একটি মডিউলের গঠন

একটি কম্পোনেন্ট হলো এমন একটি ফোল্ডার যাতে চারটি পর্যন্ত ফাইল থাকতে পারে:ফাইলউদ্দেশ্যএকটি অ্যাপের index.html রুট কম্পোনেন্ট মাউন্ট করে:1<body mol_view_root>2 <div mol_view_root="$my_app"></div>3 <script src="web.js"></script>4</body>

প্রোডাকশনের জন্য বিল্ড

ডেভেলপমেন্ট সার্ভার চলার সময়েই বিল্ড করে, তবে আপনি ওয়ার্কস্পেসের রুট থেকে যেকোনো মডিউল স্পষ্টভাবে বিল্ড করতে পারেন:1npm run start my/appআউটপুট my/app/-/-এ যায় — যার মধ্যে রয়েছে web.js, web.css এবং web.audit.jsসর্বদা অডিট পরীক্ষা করুন: একটি পরিচ্ছন্ন web.audit.js মানে কোনো অব্যবহৃত নির্ভরতা নেই এবং কোনো টাইপ ত্রুটি নেই।

npm প্যাকেজ যোগ করা

require দিয়ে একটি প্যাকেজ রেফারেন্স করুন এবং MAM পরবর্তী বিল্ডে সেটি ইনস্টল করবে:1const dayjs = require( 'dayjs' ) as typeof import( 'dayjs' )

পরবর্তী

GitHub-এ এই পৃষ্ঠা সম্পাদনা করুনএটি কি সহায়ক ছিল?হ্যাঁনাপূর্ববর্তীটুলিংপরবর্তীভিউ
এই পৃষ্ঠায়প্রয়োজনীয়তাMAM ওয়ার্কস্পেসমডিউল কীভাবে নামকরণ হয়একটি মডিউলের গঠনপ্রোডাকশনের জন্য বিল্ডnpm প্যাকেজ যোগ করাপরবর্তী
Type to search the documentation.