CommonJS মডিউল ES-তে রূপান্তর JavaScript-এ

বিভিন্ন ডকুমেন্টেশনে এখনও CommonJS মডিউল স্টাইলে ইম্পোর্ট দেখা যায়। আপনাকে এই ইম্পোর্টগুলি স্ট্যান্ডার্ড ES মডিউলে রূপান্তর করতে শিখতে হবে।

CommonJS-এ, ইম্পোর্ট করা হয় require কমান্ড ব্যবহার করে, যার প্যারামিটার হিসেবে মডিউলের পথ নির্দেশ করা হয়। কমান্ডের ফলাফল একটি ভেরিয়েবলে লেখা হয়:

let math = require('./math');

আসুন এই কোডটি ES স্টাইলে পুনরায় লিখি। প্রথমে লক্ষ্য করুন যে CommonJS-এ ফাইলের জন্য .js এক্সটেনশন দেওয়া হয় না, কিন্তু ES-এ - দেওয়া হয়।

এরপর সবকিছু নির্ভর করে মডিউলটি ডিফল্ট এক্সপোর্ট করে নাকি সাধারণ এক্সপোর্ট করে তার উপর। CommonJS-এ কোন পার্থক্য নেই, কিন্তু ES মডিউলগুলিতে - আছে। একটি নিয়ম হিসাবে, পার্থক্যটি কোডের উদাহরণ থেকে দেখা যায়, অথবা আপনি সহজভাবে ইম্পোর্টের উভয় বিকল্প চেষ্টা করতে পারেন।

আমাদের ক্ষেত্রে, উল্লিখিত ইম্পোর্ট হয় এই ফর্মে পুনরায় লেখা হবে:

import math from './math.js';

অথবা এই ফর্মে:

import * as math from './math.js';

নিম্নলিখিত কোডটি ES মডিউল স্টাইলে পুনরায় লিখুন:

let {square, cube} = require('./math');

নিম্নলিখিত কোডটি ES মডিউল স্টাইলে পুনরায় লিখুন:

let math = require('./math');
let res  = math.square(2) + math.cube(3);

নিম্নলিখিত কোডটি ES মডিউল স্টাইলে পুনরায় লিখুন:

let sum = require('./sum');
let res = sum([1, 2, 3]);