জাভাস্ক্রিপ্ট। ম্যাপ ফাইল - জাভাস্ক্রিপ্ট উত্স মানচিত্র

Question

সম্প্রতি আমি .js.mapকিছু জাভাস্ক্রিপ্ট লাইব্রেরি ( কৌণিকের মতো ) দিয়ে প্রসারিত ফাইলগুলি দেখেছি এবং এটি আমার মাথায় কয়েকটি প্রশ্ন উত্থাপন করেছে:

• এটি কিসের জন্যে? কৌণিক কেন্দ্রে ছেলেরা কোনও .js.mapফাইল সরবরাহ করার জন্য যত্নশীল ?
• আমি (একটি জাভাস্ক্রিপ্ট বিকাশকারী হিসাবে) angular.min.js.mapফাইলটি কীভাবে ব্যবহার করতে পারি?
• .js.mapআমার জাভাস্ক্রিপ্ট অ্যাপ্লিকেশনগুলির জন্য ফাইলগুলি তৈরি করার বিষয়ে আমার যত্ন নেওয়া উচিত ?
• এটি কীভাবে তৈরি হয়? আমি এক নজরে দেখেছি angular.min.js.mapএবং এটি অদ্ভুত-বিন্যাসযুক্ত স্ট্রিংয়ে পূর্ণ হয়েছে তাই আমি ধরে নিই যে এটি ম্যানুয়ালি তৈরি হয়নি।

Comments

এইচটিএমএল 5 আরকস

— আনন্দ

Answer 1

.mapফাইলের জন্য হয় jsএবং css(এবং এখন tsখুব) ফাইল minified করা হয়েছে। এগুলিকে সোর্স ম্যাপস বলা হয়। আপনি যখন কোন ফাইলকে কৌণিক.জেএস ফাইলের মতো ছোট করেন, তখন এটি কয়েক হাজার লাইন সুন্দর কোড নেয় এবং এটিকে কেবল কদর্য কোডের কয়েকটি লাইনে পরিণত করে। আশা করি, আপনি যখন আপনার কোডটি উত্পাদনে প্রেরণ করছেন, আপনি পূর্ণ, অবিস্মরণীয় সংস্করণের পরিবর্তে মিনিডাইফড কোডটি ব্যবহার করছেন। যখন আপনার অ্যাপ্লিকেশনটি উত্পাদিত হচ্ছে এবং ত্রুটি রয়েছে তখন সোর্স ম্যাপটি আপনার কুরুচিপূর্ণ ফাইলটি নিতে সহায়তা করবে এবং কোডের মূল সংস্করণ আপনাকে দেখতে দেবে। আপনার যদি সোর্সম্যাপ না থাকে তবে কোনও ত্রুটি সেরাটি রহস্যজনক বলে মনে হয়।

সিএসএস ফাইলের জন্য একই। একবার আপনি একটি SASS বা কম ফাইল নিয়ে সিএসএসে সংকলন করলে এটি আসল রূপের মতো দেখায় না। যদি আপনি উত্সম্যাপগুলি সক্ষম করেন তবে আপনি পরিবর্তিত রাষ্ট্রের পরিবর্তে ফাইলের মূল অবস্থানটি দেখতে পাবেন।

সুতরাং, ক্রমে আপনার প্রশ্নের উত্তর দিতে:

• এটি কিসের জন্যে? Uglified কোড ডি-রেফারেন্স করতে
• কোনও বিকাশকারী কীভাবে এটি ব্যবহার করতে পারেন? আপনি এটি কোনও প্রোডাকশন অ্যাপটি ডিবাগ করার জন্য ব্যবহার করেন। বিকাশ মোডে আপনি কৌনিক পূর্ণ সংস্করণ ব্যবহার করতে পারেন। উত্পাদনে, আপনি সংক্ষিপ্ত সংস্করণ ব্যবহার করবেন।
• আমি একটি js.map ফাইল তৈরি সম্পর্কে যত্ন করা উচিত? আপনি যদি উত্পাদন কোডটি সহজেই ডিবাগ করতে সক্ষম হন তবে তা হ্যাঁ, আপনার করা উচিত।
• এটি কীভাবে তৈরি হয়? এটি নির্মাণের সময় তৈরি করা হয়। বিল্ড সরঞ্জাম রয়েছে যা আপনার .map ফাইলটিকে অন্য ফাইলগুলির মতো তৈরি করতে পারে। https://github.com/gruntjs/grunt-contrib-uglify/issues/71

আশা করি এটা বোধ গম্য।

Comments

নোট করুন ফাইলটি না পাঠানো পর্যন্ত মানচিত্রের ফাইল পাঠানো হবে না, এটিই আমাকে বিভ্রান্ত করে তুলেছে স্ট্যাকওভারফ্লো.com

— আবদেলৌহাব

ধন্যবাদ অ্যারন, সোর্সম্যাপের জন্য আমি এটি দেখতে পেয়েছি এমন আরও ভাল বিবরণ। আমি এটিকে ঝাঁকুনিতে ব্যবহার করছি এবং আমি কন্দ সম্পর্কে সর্বাধিক সবকিছু শিখেছি এবং উত্সম্যাপগুলি কীভাবে ব্যবহৃত হচ্ছে তা অবাক করেছিলাম, এখন আমি এটি ব্যবহার করে আত্মবিশ্বাসী বোধ করতে পারি। এক বছর আগে বেশিরভাগ গুল্প প্লাগইনগুলি এখন খুব বনাম সুসংগত। শুধু বলতে চেয়েছিলেন এটি মোটামুটি বোঝায়!

— এরিক বিশার্ড

@ ফ্রস্টি অন-উল্লিখিত কোডটি ডি-রেফারেন্স করতে । আপনি দয়া করে এই ব্যাখ্যা করতে পারেন? কোনও .js.mapফাইল হস্ত-নকশিত ফাইল এবং একটি মাইনযুক্ত ফাইলের মধ্যে কোনও সম্পর্ক (প্রায়শই উল্লেখ করা হয় ) বজায় রাখে না ?

— মোহাম্মদ জমির

@ স্টুডেন্ট এটিকে ডি-রেফারেন্স বলছে কারণ আমি সংশোধিত কোডটি উল্লেখ করতে চাই না। এটি খাটো করা হয়েছে এবং আমি যদি এটি তাকান তবে এটি মূল্যহীনের পাশে। তবে, যদি এটি মূল উত্সটিকে আবার ডি-রেফারেন্স করতে পারে তবে তা মহাকাব্য হবে। এবং এটি হ'ল সোর্স ম্যাপটি। আমি আশা করি এটি সাহায্য করবে.

— ফ্রস্টি

আমি এই উত্তরটি পছন্দ করি (ধন্যবাদ) তবে এর 420 টি পছন্দ রয়েছে ... আমি কি এটি ভেঙে দেব?

— এরিক রিড

Answer 2

শুধু প্রশ্নের শেষ অংশে মনোনিবেশ করতে চেয়েছিলেন; উত্স মানচিত্র ফাইলগুলি কীভাবে তৈরি হয়? বিল্ড সরঞ্জামগুলি তালিকা করে আমি জানি যে উত্স মানচিত্র তৈরি করতে পারে।

1. গ্রান্ট : প্লাগইন ব্যবহার করেgrunt-contrib-uglify
2. গুল্প : প্লাগইন ব্যবহার করেgulp-uglify
3. গুগল বন্ধ : প্যারামিটার ব্যবহার করে--create_source_map

Answer 3

• কোনও বিকাশকারী কীভাবে এটি ব্যবহার করতে পারেন?

আমি মন্তব্যে এর জন্য উত্তর পাইনি, কীভাবে ব্যবহার করা যায় তা এখানে:

1. আপনার jd.map ফাইলটিকে আপনার index.html ফাইলে লিঙ্ক করবেন না (তার প্রয়োজন নেই)

2. Minifiacation সরঞ্জাম (ভাল ভাল) আপনার .min.js ফাইলে একটি মন্তব্য যুক্ত করুন:

   // # উত্সম্যাপিং URL = আপনার ফাইলনেম.মিন.জএস.ম্যাপ

যা আপনার .map ফাইলটি সংযুক্ত করবে ।

যখন min.js এবং js.map ফাইলগুলি প্রস্তুত থাকে ...

3. ক্রোম: ডিভ-সরঞ্জামগুলি খুলুন, উত্স ট্যাবে নেভিগেট করুন , আপনি উত্স ফোল্ডারটি দেখতে পাবেন , যেখানে অ-মিনিডযুক্ত অ্যাপ্লিকেশন ফাইলগুলি রাখা হয়েছে।

Answer 4

মানচিত্রের ফাইলটি অবিচলিত ফাইলটিকে মিনিফাইড ফাইলটিতে ম্যাপ করে। আপনি যদি আনমাফিক ফাইলটিতে পরিবর্তন করেন, পরিবর্তনগুলি স্বয়ংক্রিয়ভাবে ফাইলটির ক্ষুদ্র সংস্করণে প্রতিফলিত হবে।

Answer 5

কীভাবে মানচিত্রের ফাইলগুলি ব্যবহার করবেন তা যুক্ত করতে। আমি উবুন্টুর জন্য ক্রোম ব্যবহার করি এবং যদি আমি উত্সগুলিতে যাই এবং কোনও ফাইলে ক্লিক করি তবে কোনও মানচিত্রের ফাইল উপস্থিত থাকলে আমাকে একটি বার্তা আসে যে আমি আসল ফাইলটি দেখতে পারি এবং এটি কীভাবে করব।

আমি আজ যে কৌনিক ফাইলগুলির সাথে কাজ করেছি তার জন্য আমি ক্লিক করি

Ctrl-P এবং মূল ফাইলগুলির একটি তালিকা একটি ছোট উইন্ডোতে আসে।

তারপরে আমি যে ফাইলটি পরিদর্শন করতে চাই এবং সমস্যাটি কোথায় তা পরীক্ষা করতে চাই তা দেখতে আমি তালিকার মাধ্যমে ব্রাউজ করতে পারি।