সিএসএসে কম ফাইলগুলি সংকলন করার কোনও উপায় আছে (যাতে প্রতিটি ব্রাউজারের প্রয়োজন না হয়)?

Question

আমি কম ব্যবহার করার বিষয়টি বিবেচনা করছি তবে জাভাস্ক্রিপ্ট অক্ষম করা এবং আমার সিএসএস পঠনযোগ্য নয় (এবং সাইটটি ভয়ঙ্কর দেখাচ্ছে) এর ব্রাউজারের চিন্তায় আমি ক্রিংজ করছি ।

এছাড়াও, এটি আমার মধ্যে প্রকৌশলীকে অপ্রস্তুত করে যে প্রতিটি ব্রাউজারকে সেই কম ফাইলটিকে "সংকলন" করতে বাধ্য করে। যখন আমরা প্রতিবার একবার এটি সংশোধন করি কেবল তখনই এটি "সংকলন" করতে পারতাম।

Comments

@ বেনামে - আপনি যদি খুব কম পরীক্ষা করে দেখেন তবে আপনার SASS এবং কমপাসের দিকেও নজর রাখা উচিত।

— সোর্সি

স্টাইলাস এবং ওওসিএসএসও একই রকম পণ্য।

— লজ মেজেস্টে

সার্ভারে স্বয়ংক্রিয়ভাবে কম সংকলন কীভাবে সেটআপ করা যায় সে সম্পর্কে আমি একটি সম্পর্কিত উত্তর পোস্ট করেছি: ওয়েবমাস্টার্স.স্ট্যাকেক্সচেঞ্জ

— প্রশ্নগুলি

আমি জানতাম না যে ব্রাউজারগুলিতে কেউ কম সংকলন করছে!

— কেনি এভিট

Answer 1

হ্যাঁ. আপনি এমন একটি অ্যাপ্লিকেশন ব্যবহার করতে পারেন যা আপনার কোড হিসাবে আপনার বিকাশ মেশিনে কম ফাইলগুলিকে সিএসএসে স্বয়ংক্রিয়ভাবে সংকলন করে। তারপরে আপনার বিকাশ শেষ হয়ে গেলে উত্পন্ন সিএসএস ফাইলটি আপনার সার্ভারে আপলোড করুন।

• কড়্কড়্ শব্দ! উইন্ডোজ ও ম্যাকের জন্য
• ভয়াবহ বিপর্যয়ের Windows এর জন্য
• ম্যাকের জন্য কোডকিট

Answer 2

আমি সরলতা ব্যবহার করি - টেনে আনুন, ফেলে দিন drop

Answer 3

কম একটি বাইনারি (কম) এর সাথে আসে যা আপনাকে আপনার .বিহীন ফাইলগুলি প্রাক-কম্পাইল করতে দেয়। আপনি এটি যেমন ব্যবহার করুন:

 $ lessc styles.less > styles.css

তবে আমি মনে করি বেশিরভাগ লোকেরা যখনই কম ফাইল আপডেট হয় তখন স্বয়ংক্রিয়ভাবে সিএসএস স্টাইলশীটটি পুনরায় কম্পাইল করতে lessc -wor lessc --watchকমান্ডটি ব্যবহার করে । আপনি সিএসএসকে কম পরিমাণেও কমিয়ে রাখতে পারেন, যেমন lessc -w -x।

সম্পাদনা: কেবল পরিষ্কার করার জন্য, সার্ভার-সাইড ইনস্টল (অর্থাৎ আপনি যখন নোড.জেএস প্যাকেজ ম্যানেজারের মাধ্যমে কম ইনস্টল করবেন) এর সাথে লেটেক আসে। তবে আপনি এটি গিটহাব থেকে ম্যানুয়ালি ডাউনলোড করতে পারেন ।

লেটক এ অবস্থিত /bin/lessc। এই (Mac এর জন্য কাজ করা উচিত এছাড়াও) কোর্স * স্নো বাইনারি হয়, কিন্তু সেখানে হয় উইন্ডোজ বাইনারি ( lessc.exe ) বিন্দু বিহীন উপর ভিত্তি করে, যা অন্য উইন্ডোজ কম কম্পাইলার হয়।

আপডেট:less-watch স্বয়ংক্রিয়ভাবে সংকলন করতে ব্যবহার করুন ।

বিকল্পভাবে, আজকাল অনেক বিকাশকারী টাস্ক রানারগুলি gruntবিল্ড অটোমেশন (সংকলন, মিনিফাই, টেস্টিং ইত্যাদি) পরিচালনা করতে পছন্দ করে। ব্যবহার grunt-contrib-watch, grunt-contrib-lessএবং grunt-contrib-livereload, আপনি কি সত্যিই আপনার উন্নয়ন কর্মপ্রবাহ স্ট্রিমলাইন করতে পারেন।

উদাহরণস্বরূপ, আপনি যদি yoআপনার নতুন ওয়েব প্রকল্পের স্কেলফোল্ড করতে ব্যবহার করেন তবে পরিবর্তনের জন্য আপনার কম / সিএসএস / জেএস / এইচটিএমএল ফাইলগুলি দেখার প্রয়োজন হবে এবং যখন প্রয়োজন হবে তখন আপনার প্রকল্পের প্রয়োজনীয় অংশগুলি পুনরায় সংকলন করুন। সহজভাবে চালান grunt serve, এবং আপনি ম্যানুয়ালি সংকলন (এলইএসএস / এসএএসএস / কফিস্ক্রিপ্ট) / আপনার কোডকে ছোট করে / সংক্ষিপ্ত করে দেওয়ার বা আপনার ব্রাউজারটিকে একটি গুহামানীর মতো ম্যানুয়ালি রিফ্রেশ করার বিষয়ে চিন্তা না করেই কোডের জন্য প্রস্তুত ...

Comments

আপনি কোন সংস্করণটি ব্যবহার করছেন তা আমি নিশ্চিত নই। সর্বশেষতম সংস্করণ 1.3.0 এ কোনও ওয়াচ বৈশিষ্ট্য নেই। - ওয়াচ বৈশিষ্ট্যের জন্য একটি টান অনুরোধ 9 মাস আগে শুট করা হয়েছিল। github.com/cloudhead/less.js/pull/246

— জেরার্ড রোচে

@ বুলফ্রাগব্লুজ: দুঃখিত, এটি পুরানো রুবি-ভিত্তিক লেস্টেকের ছিল।

— লস ম্যাজেস্টে

দ্রষ্টব্য: "কম-ঘড়ির নাম পরিবর্তন করে এফএস-পরিবর্তন করা হয়েছে। পরিবর্তে এটি ব্যবহার করুন: npm install -g fs-change"

— অ্যান্ড্রু লট

Answer 4

সার্ভারে সিএসএসে কম কমাইগাইল করার জন্য অনেকগুলি বিকল্প রয়েছে এবং আপনি যেটি চয়ন করেছেন সম্ভবত এটি আপনি বাকি সাইটের জন্য কী ব্যবহার করবেন তার উপর নির্ভর করবে।

• আপনি যদি নোড.জেএস ব্যবহার করেন তবে আসল লেটসেস কাজটি করবে।
• আপনি যদি পিএইচপি ব্যবহার করেন তবে কমপিএইচপি করুন । পিএইচপি থেকে ভেরিয়েবলগুলি পাস করার ক্ষেত্রে এটির সামান্য আবর্জনা API রয়েছে তবে এটি কাজটি করে।
• আপনি যদি রুবি ব্যবহার করেন তবে SASS কম নয়, তবে এতটা সাদৃশ্য যে আমি যখন SASS (ব্যক্তিগত প্রকল্প) ব্যবহার করে কম (পিএইচপি প্রকল্পে কাজ করা) শুরু করি তখন আমি ফাইল এক্সটেনশন ব্যতীত অন্য কোনও পার্থক্য লক্ষ্য করিনি। এটিতে মিক্সিনগুলির একটি কার্যকর গ্রন্থাগার রয়েছে - COMPASS । আমি এগুলি কম ব্যবহারের চেষ্টা করি নি, তবে তারা কাজ করবে বলে আমি আশা করি। (দৃশ্যত কমই মূলত রুবি ছিলেন, তাই সম্ভবত কোথাও কোথাও একটি পুরানো সংকলক ভেসে উঠছে)।
• আপনি যদি এএসপি . নেট ব্যবহার করেন তবে কিছু নেই । আমি এটি ব্যবহার করি নি, সুতরাং এটি কতটা ভাল কাজ করে তা আমি জানি না।
• আপনি যদি জাভা ব্যবহার করেন, কম css4j মূল LESS এবং জাভা 6 এর অন্তর্নির্মিত রাইনো স্ক্রিপ্টিং পরিবেশের সাথে সংকলন করে।
• আপনি যদি পার্ল ব্যবহার করেন তবে সিপিএএন- তে একটি লেস্প মডিউল রয়েছে।

Comments

সেখানে হয় একটি রুবি কম্পাইলার পুরানো কম রুবি মণি দিয়ে আসে কিন্তু এটা আর আপডেট রাখুন যাতে নতুন বৈশিষ্ট্য অনেকটা এটা কাজ করবে না না। সুতরাং, আপনি যদি রুবি ব্যবহার করেন তবে আমি কেবল lesscবাইনারি সংকলকটি ব্যবহার করার পরামর্শ দিচ্ছি যা কম.জেএস এর সর্বশেষতম সংস্করণে ভিত্তি করে is

— লজ মেজেস্তে

@ লাসেমেজেস্টে, আমি কেবল SASS এর সাথে যাব, তবে রুবির মধ্যে কম সংকলনের সম্ভাবনাটি ইচ্ছাকৃতভাবে উপেক্ষা করার জন্য আমার অভিযুক্ত হওয়া চাই না।

— পিটার টেলর

হ্যাঁ, আমি মনে করি যে রুশির জন্য SASS সেরা বিকল্প হবে যেহেতু জেএসে স্যুইচ করার পর থেকে কম মণি অবচয় করা হয়েছে।

— লজ মেজেস্টে