উত্তর:
ক্রোম ডেভটুলগুলিতে সিএসএস প্রিপ্রসেসরগুলির সাথে কাজ করা থেকে :
অনেক বিকাশকারী এসএসএস, কম বা স্টাইলাসের মতো সিএসএস প্রিপ্রসেসর ব্যবহার করে সিএসএস স্টাইল শীট তৈরি করে। সিএসএস ফাইল উত্পন্ন হওয়ার কারণে, সিএসএস ফাইলগুলি সরাসরি সম্পাদনা করা তেমন সহায়ক নয়।
সিএসএস উত্স মানচিত্রগুলিকে সমর্থন করে এমন প্রিপ্রসেসরগুলির জন্য, ডিভটুলস আপনাকে সোর্স প্যানেলে আপনার প্রিপ্রোসেসর উত্স ফাইলগুলিকে লাইভ-এডিট করতে এবং ডিভটুলগুলি ছাড়াই বা পৃষ্ঠাটি রিফ্রেশ না করে ফলাফল দেখতে দেয়। আপনি যখন এমন কোনও উপাদানটি পরীক্ষা করেন যার স্টাইলগুলি উত্পন্ন সিএসএস ফাইল দ্বারা সরবরাহ করা হয়, তখন এলিমেন্টস প্যানেল উত্সযুক্ত সিএসএস ফাইল নয়, মূল উত্স ফাইলে একটি লিঙ্ক প্রদর্শন করে।
আপনি যদি কেবল ত্রুটি থেকে মুক্তি পেতে চান তবে আপনি এই লাইনটি এখানে মুছতেও পারেন bootstrap.css:
/*# sourceMappingURL=bootstrap.css.map */
#এবং এটি পরে একটি সহজ মন্তব্য চাইলে এটি একটি সাধারণ মন্তব্যে পরিণত হবে।
bootstrap.cssএটিকে সরিয়ে ফেলি , তবে এটির কারণে কোনও ত্রুটি বা ধরণের জিনিস ঘটায়?
gulp --productionযদি আপনি গাল্প ব্যবহার করেন তবে এটিতে সোর্সম্যাপিং লাইনটি অন্তর্ভুক্ত হবে না) এবং আপনার আপলোডগুলি থেকে প্রোডাকশন সার্ভারে * .map ফাইলগুলি বাদ দিন।
বুটস্ট্র্যাপ সিএসএস কম দ্বারা উত্পন্ন করা যেতে পারে। ম্যাপ ফাইলের মূল উদ্দেশ্যটি ক্রোম ডেভ সরঞ্জামটিতে সিএসএস উত্স কোডটি কম উত্স কোডের সাথে সংযুক্ত করতে ব্যবহৃত হয়। যেমনটি আমরা করতাম। আমরা যদি ক্রোম দেব সরঞ্জামে উপাদানটি পরীক্ষা করি। আপনি সিএসএসের উত্স কোড দেখতে পারেন। তবে বুটস্ট্র্যাপ সিএসএস ফাইল সহ পৃষ্ঠাটিতে মানচিত্র ফাইল অন্তর্ভুক্ত করুন। আপনি পরিদর্শন করতে চান এমন উপাদান শৈলীতে প্রযোজ্য কম কোডটি দেখতে পারেন।
আপনি কি কখনও নিজেকে এই কামনা করে দেখতে পেয়েছেন যে আপনি নিজের ক্লায়েন্ট-সাইড কোডটি পাঠযোগ্য এবং আরও গুরুত্বপূর্ণভাবে ডিবাজযোগ্য রাখতে পারবেন এমনকি আপনি এটির সংমিশ্রণ ও মাইনাইফ করার পরেও, পারফরম্যান্সকে প্রভাবিত না করে? ভাল এখন আপনি উত্স মানচিত্রের যাদু মাধ্যমে করতে পারেন।
এই নিবন্ধটি ব্যবহারিক পদ্ধতির সাহায্যে উত্স মানচিত্রের ব্যাখ্যা করে।
যারা এখানে এসেছেন এই ফাইলগুলি (আমার মতো) সন্ধানের জন্য, আপনি সাধারণত .mapURL টি শেষ করে যুক্তগুলি খুঁজে পেতে পারেন :
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css.map
আপনি যে বুটস্ট্র্যাপ ব্যবহার করছেন সেটির সংস্করণটি প্রতিস্থাপন করতে ভুলবেন না।
সিএসএস ম্যাপ ফাইলটি কী?
এটি একটি জেএসএন ফর্ম্যাট ফাইল যা সিএসএস ফাইলটিকে তার উত্স ফাইলগুলির সাথে সংযুক্ত করে, সাধারণত, প্রিপ্রসেসরগুলিতে লিখিত ফাইলগুলি (যেমন, কম, স্যাস, স্টাইলাস ইত্যাদি), এটি ক্রম থেকে ওয়েব থেকে উত্স ফাইলগুলিতে একটি লাইভ ডিবাগ করে do ব্রাউজার।
সিএসএস প্রিপ্রোসেসর কী? উদাহরণ: সাস, কম, স্টাইলাস
এটি একটি সিএসএস জেনারেটর সরঞ্জাম যা শক্তিশালী এবং দ্রুত সিএসএস তৈরি করতে প্রোগ্রামিং শক্তি ব্যবহার করে।
\n?