SASS.js আছে কি? LESS.js এর মতো কিছু?

112

আমি এর আগে LESS.js ব্যবহার করেছি । এটি ব্যবহার করা সহজ, এরকম কিছু

<link rel="stylesheet/less" href="main.less" type="text/css">
<script src="less.js" type="text/javascript"></script>

আমি SASS.js দেখেছি । আমি কীভাবে এটি একইভাবে ব্যবহার করতে পারি? এইচটিএমএল অবিলম্বে ব্যবহারের জন্য একটি SASS ফাইল পার্স করা ing দেখে মনে হচ্ছে SASS.js নোড.জেএস এর সাথে ব্যবহারের জন্য বেশি ?

var sass = require('sass')
sass.render('... string of sass ...')
// => '... string of css ...'

sass.collect('... string of sass ...')
// => { selectors: [...], variables: { ... }, mixins: { ... }}

css sass less

— জিউ মেনগ
সূত্র

6

উত্পাদনের জন্য এটি মন্দের মূল, আপনার বিকাশের জন্য sass watch।

— হাউলেথ

3

"সাস ওয়াচ" এর সমস্যাটি হ'ল আমি ধারণাটি পছন্দ করি যে "সাস ওয়াচ" চালানোর আগে আপনি কখনও কখনও ঘটনাক্রমে পৃষ্ঠাটি পরীক্ষা করেন। কম.জেএস এর সাহায্যে আপনি পৃষ্ঠাটি লোড করতে পারেন এটি নিশ্চিত হন যে আপনি পৃষ্ঠাটি দেখলে CSS সংকলন করা হয়েছে। অবশ্যই কেবল দেব পরিবেশে।

— মায়া ক্যাটরিন অ্যান্ডারসান

SassMeister দেখুন: sassmeister.com - একটি নিখরচায় অনলাইন SASS সংকলক

— ড্যান

1

প্রকৃতপক্ষে, sass.js আছে

— লুকিভিজে

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

— জারদোজ 89

42

সাস বা এসএসএসের কোনও আনুষ্ঠানিকভাবে অনুমোদিত জাভাস্ক্রিপ্ট বাস্তবায়ন নেই। আমি দেখেছি এমন বেশ কয়েকটি বাস্তবায়ন চলছে যা আমি এই মুহুর্তে ব্যবহারের প্রস্তাব দিতে পারি না।

তবে দয়া করে কয়েকটি বিষয়:

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

এটি শুরু করার জন্য আরও কিছুটা সেটআপ করার সময়, আমরা (সাস কোর টিম) মনে করি যে সার্ভার সাইড সংকলনটি দীর্ঘমেয়াদী সেরা পদ্ধতির is একইভাবে, কম বিকাশকারীরা প্রোডাকশন স্টাইলশিটের জন্য সার্ভার সাইড সংকলন পছন্দ করে।

— chriseppstein
সূত্র

157

আমার ব্যবহারের ক্ষেত্রে: এইচটিএমএল + সিএসএস টেম্পলেট বিকাশ করা হচ্ছে যা রেল প্রকল্পে রাখা হবে। লোকালহোস্ট ডেভলপমেন্টের উদ্দেশ্যে sass.js রাখা ভাল হবে যাতে সার্ভারের স্টাফগুলি নিয়ে আমার ঝাঁকুনি না পড়ে।

— জোসেফ রিখটার

93

এমন অনেকগুলি ক্ষেত্রে রয়েছে যেখানে ক্লায়েন্ট-সাইড সংকলন দরকারী। উদাহরণস্বরূপ, আপনি যদি ব্যবহারকারীদের তাদের পৃষ্ঠার চেহারা নিয়ে খেলতে চান এবং কেবল ফলাফলটি সেভ করতে চান তবে তারা সার্ভারে ফিরে যেতে পারে।

— montrealmike

26

আমি ক্রিসেপস্টিনের সাথে 100% সম্মতি জানাই (কেন ব্যবহারকারীরা স্টাইলশিটগুলি সংকলন করতে চান), এখানে আচ্ছাদিত নয়, সরল এবং সাধারণ: বিকাশ। আমার সমস্ত মোতায়েন করা জেএস কোডটি আমি আমার সিএসএসের মতোই সংক্ষিপ্ত এবং সংকুচিত হতে চাই। কিন্তু উন্নয়ন সময়, এটা এক্সেস আছে সাহায্য করে কোড বরং "কম্পাইল" সংস্করণের তুলনায়। আমি নিশ্চিত নই যে আমি সমস্ত ফ্রন্ট-এন্ড ইঞ্জিনিয়ারদের জন্য কথা বলি, তবে আমি বলতে পারি যে আমাদের অনেকের একটি নরক আমাদের ব্রাউজার এবং সম্পাদককে বিকাশের পর্যায়ে প্রয়োজনীয় একমাত্র সরঞ্জাম হিসাবে ব্যবহার করে। বিকাশের সময় আমি স্যাস / এসএসএস "সংকলন" করতে চাই না। স্থাপনা / সিআই / প্রোডাকশন

— হ'ল

15

লেখকদের দিকে কিছু ফেলে দেওয়া; আমি SASS ব্যবহার বিবেচনা করতে চাই তবে আমি রুবি ব্যবহার করতে চাই না বা চাই না; অতএব ক্লায়েন্টের সাইড সলিউশন কারও পক্ষে পছন্দনীয় নয়। এটি রুবিতে লেখা কেবলমাত্র রুবি ব্যবহারকারীদের জন্য এর ব্যবহারকে সীমাবদ্ধ করে; যদি এটি জেএসে লেখা থাকে তবে এটি ক্লায়েন্ট বা সার্ভারে ব্যবহার করা যেতে পারে (নোড, ক্লাসিক এসপ, এসপ নেট এবং সম্ভবত অন্যদের সাথে)।

— ড্যান

27

একটি জাভাস্ক্রিপ্ট বাস্তবায়ন রুবির উপর নির্ভরতা না রেখে নোড / গণ্ডার ইত্যাদির সাথে সার্ভার সাইডও ব্যবহার করা যেতে পারে

— স্যাম হাসলার

29

যেহেতু ভিশনমিডা / sass.js আর উপলভ্য নয় এবং scss-js 2 বছরে আপডেট করা হয়নি, আমি আপনাকে sass.js এ আগ্রহী হতে পারি । এটি সি ++ লাইব্রেরি লিবাসাস ( নোড- স্যাস দ্বারা ব্যবহৃত ) এমস স্ক্রিপ্ট ব্যবহার করে জাভাস্ক্রিপ্টে সংকলিত। এইচটিএমএলে লিঙ্কযুক্ত বা ইনলাইনড স্ক্যাস স্টাইলশিটগুলি সংকলনের একটি বাস্তবায়ন sass.link.js থেকে পাওয়া যাবে ।

ইন্টারেক্টিভ খেলার মাঠ ব্যবহার করে sass.js ব্যবহার করে দেখুন

— rodneyrehm
সূত্র

3

এখন আমাদের রুবি সংকলক থেকে কেবল একটি সি ++ প্রয়োজন এবং আমরা কোডবেসটি একীকরণ করতে পারি।

— জোয়েটউইডেল

1

sss.js কম.জেএস 143 কেবি আকারের (গিজিপড) তুলনায় 670KB আকারে (গিজিপ) আকারে যথেষ্ট বিশাল বলে মনে হচ্ছে। এছাড়াও আমি কম.জেএস এর তুলনায় গতিশীল সিএসএস ভেরিয়েবল সেট করার জন্য sass.js তে কোনও বিকল্প দেখছি না আপনার যখন অসাধারণ সাইট রয়েছে তখন এটি সত্যিই কার্যকর

— অনিরুদ্ধ

7

হ্যাঁ

যেমনটি আমরা প্রত্যাশা করছিলাম , এটি সি ++ এ পুনরায় লেখার পরে , এটি ইমপ্ল্রিপ্টের মাধ্যমে জাভাস্ক্রিপ্টে সংকলন করা সম্ভব ।

এটি ব্রাউজার সংস্করণ: https://github.com/medialize/sass.js/

তাদের পরামর্শ অনুসারে নোডের জন্য আপনি এটি ব্যবহার করতে পারেন: https://github.com/sass/node-sass

— nikoloza
সূত্র

2

এই এবং (বর্তমানে গৃহীত) উত্তরটির সংমিশ্রণটি প্রকৃত স্বীকৃত উত্তর হওয়া উচিত।

— plaidcorp

6

আমি সবেমাত্র একটি আকর্ষণীয় Sass.js খেলার মাঠ আবিষ্কার করেছি। কয়েক বছর ধরে কিছু জিনিস বদলে গেছে। এটা দেখ:

http://medialize.github.io/playground.sass.js/

— চং ঠোঁট ফাং
সূত্র

5

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

— tilleryj
সূত্র

3

আমি SASS.js উত্পাদন করতে চাই না! আমি কেবল SASS এর জন্য রুবি ইনস্টল করার প্রয়োজন ছাড়াই একটি বিকাশকারী মেশিন স্থাপন করতে সক্ষম হতে চাই। একবার উন্নয়ন শেষ হয়ে গেলে আমি যে কোনও মেশিনে SASS প্রসেস করতে পারি এবং ফলাফল সিএসএসকে প্রোডাকশন সার্ভারে স্থানান্তর করতে পারি।

— উ। মাতাস কুইজাদা

1

আমি আপনাকে নোড প্রকল্পগুলিতে স্যাসের পরিবর্তে স্টাইলাস ব্যবহার করার দিকে নজর দিন।

— এয়ারটোনিক্স

3

গিটহাব , স্কেস-জেএসে একটি প্রচেষ্টা রয়েছে । তবে এটি অসম্পূর্ণ এবং পাঁচ মাসে কোনও কমিট হয়নি।

— পিটার লিয়নস
সূত্র

1

এটি নোড জেএস মডিউলের মতো দেখাচ্ছে? আসল প্রশ্নটি হ'ল ক্লায়েন্টের পক্ষের বাস্তবায়ন, না?

— জয়য়ারজো

1

কেন LibSass

সাসের কোনও আনুষ্ঠানিকভাবে অনুমোদিত জাভাস্ক্রিপ্ট বাস্তবায়ন নেই, সেখানে সাস ইঞ্জিনের একটি অফিসিয়াল সি / সি ++ পোর্ট রয়েছে, যা লিবসাস নামে পরিচিত । যেহেতু লিবাসাস একটি অফিসিয়াল বাস্তবায়ন, একটি জাভাস্ক্রিপ্ট লাইব্রেরির জন্য বেছে নেওয়া ভাল যা লিপসাসকে হুডের নীচে ব্যবহার করে।

সার্ভারে

একটি নোড.জেএস পরিবেশে জাভাস্ক্রিপ্ট চলার জন্য, নোড-স্যাস রয়েছে ।

হুডের নীচে নোড-স্যাস নিজেই লিবাসাস ব্যবহার করে।

ব্রাউজারে

জাভাস্ক্রিপ্ট ব্রাউজারে চলমান জন্য, Sass.js আছে ।

ফণা অধীনে, Sass.js যে সঙ্গে জাভাস্ক্রিপ্ট রূপান্তরিত হয়েছে (আমার এই লেখার সময়ে v3.3.6) LibSass একটি সংস্করণ ব্যবহার Emscripten ।

— জন স্লেজার্স
সূত্র