استفاده همزمان از sass و tailwind
سلام وقت بخیر
sass >> برای توسعه پدیر کردن پروژه و تبدیل کد به css بطور خودکار
tailwind >> فریم ورک جهت استایل دهی در html و سبک سازی css ( البته من فقط 20 درصد tailwind ) دیدم هنوز روش کار باهاش نمیدونم
حالا سوالم اینه ،
- چطور میشه همزمان از sass , tailwindcss استفاده کرد ؟ ( سوال اصلی بنده )
- اصولا این کار میکنن ؟
- استفاده از sass برای پروژه توصیه میکنید ؟
پاسخها
5
بله، ترکیب از Sass و TailwindCSS ممکن است و به راحتی قابل استفاده باشد. Sass چارچوب CSS است که امکانات پیشرفتهتری را در مقایسه با CSS سنتی ارائه میدهد و اجازه میدهد تا کدهای CSS بصورت بهتری سازماندهی و تعمیر شود. در کنار Sass، TailwindCSS یک فریم ورک CSS است که برای ایجاد طراحیهای سریع و مقیاسپذیر در صفحات وب طراحی شده است.
برای استفاده از این دو میتوانید از build system جیسیبی یا وبپک برای تبدیل کد Sass و پردازش فایلهای TailwindCSS استفاده کنید. همچنین میتوانید از sass-loader و postcss-loader در Webpack استفاده کنید تا فایلهای Sass و TailwindCSS را پردازش کنید.
در نهایت، استفاده از Sass و TailwindCSS بستگی به نیازهای پروژه شما دارد. بسته به اهداف و نیازهای خود، ممکن است فقط از Sass استفاده کنید یا ترکیبی از این دو را انتخاب کنید. هر چند، توصیه ما این است که در صورت نیاز، از Sass استفاده کنید زیرا می تواند بهبود کدهای CSS شما را کمک کند و قابلیت های پیشرفته تری را نسبت به استفاده از تنها CSS فراهم می کند.
من از scss استفاده میکنم ولی خب تفاوت چندانی با sass نداره در همین حد بگم که از وقتی با scss کار میکنم دیگه برام سخته با css خالی کار کنم انقد کارو آسون میکنه
@ossvahid
ممنونم از شما . بله منظور من هم همون scss هست که شباهت به کدهای css داره ولی سوال اصلی من کار همزمان با scss و tailwindcss بود که چطور میشه ؟ استایل دهی scss بگونه ای است که کد تبدیل به css میکنه و کار با tailwindcss باید استایل دهی در html انجام بدی . حالا چطور میشه همزمان با این دو کار کرد ؟ اصلا ممکن هست و اصولی ؟
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
از نظر من قطعا نه حالا چرا نه؟
خب فریمورک هایی مثل bootstarp و همین tailwindcss ساخته شدن تا کار رو برای برنامه نویس آسون کنن تا نیازی نباشه با پیچیدگی های کار با css مواجهه بشن درحالی که sass یا scss یا less برای کمپایل کردن طراحی شدن و فرق آنچنانی با css ندارن
اگه شما در css حرفه ایی باشید قطعا نیازی ندارید از bootstarp یا tailwindcss استفاده کنید و برید همون scss رو یاد بگیرید ولی اگه قصد ندارید css رو اصولی و حرفه ایی یاد بگیرید بهترین گزینه همین bootstarp یا tailwindcss هستش
سلام
واسه استفاده tailwind با scss فرق چندانی با css نداده، شما یه فایل main.scss یا main.css دارید که مواردی که tailwind گفته رو import میکنید و اون فایل main رو به عنوان فایل اصلی استایل استفاده میکنید.
من تو اکثر پروژه های بزرگ از ترکیب scss و tailwind استفاده میکنم چون خود tailwind که خیلی کار رو راحت میکنه و اگر هم بخوام جای خاصی استایل خاصی بدم، از scss استفاده میکنم، چون اگر جایی نیاز به استایل های webkit باشه رو بعد از تبدیل به css میذاره و استفاده از متغیر و کلی خوبی دیگه....