م.ف
2 سال پیش توسط م.ف مطرح شد
5 پاسخ

استفاده همزمان از sass و tailwind

سلام وقت بخیر
sass >> برای توسعه پدیر کردن پروژه و تبدیل کد به css بطور خودکار
tailwind >> فریم ورک جهت استایل دهی در html و سبک سازی css ( البته من فقط 20 درصد tailwind ) دیدم هنوز روش کار باهاش نمیدونم
حالا سوالم اینه ،

  • چطور میشه همزمان از sass , tailwindcss استفاده کرد ؟ ( سوال اصلی بنده )
  • اصولا این کار میکنن ؟
  • استفاده از sass برای پروژه توصیه میکنید ؟

ثبت پرسش جدید
محمد شریف احمدی
تخصص : یک عدد برنامه نویس
@mrahmadi 2 سال پیش مطرح شد
1

بله، ترکیب از 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 فراهم می کند.


oss_vahid
تخصص : wp developer
@ossvahid 2 سال پیش مطرح شد
1

من از scss استفاده میکنم ولی خب تفاوت چندانی با sass نداره در همین حد بگم که از وقتی با scss کار میکنم دیگه برام سخته با css خالی کار کنم انقد کارو آسون میکنه


م.ف
@armiiiiiin 2 سال پیش مطرح شد
0

@ossvahid
ممنونم از شما . بله منظور من هم همون scss هست که شباهت به کدهای css داره ولی سوال اصلی من کار همزمان با scss و tailwindcss بود که چطور میشه ؟ استایل دهی scss بگونه ای است که کد تبدیل به css میکنه و کار با tailwindcss باید استایل دهی در html انجام بدی . حالا چطور میشه همزمان با این دو کار کرد ؟ اصلا ممکن هست و اصولی ؟


oss_vahid
تخصص : wp developer
@ossvahid 2 سال پیش مطرح شد
1

از نظر من قطعا نه حالا چرا نه؟

خب فریمورک هایی مثل bootstarp و همین tailwindcss ساخته شدن تا کار رو برای برنامه نویس آسون کنن تا نیازی نباشه با پیچیدگی های کار با css مواجهه بشن درحالی که sass یا scss یا less برای کمپایل کردن طراحی شدن و فرق آنچنانی با css ندارن

اگه شما در css حرفه ایی باشید قطعا نیازی ندارید از bootstarp یا tailwindcss استفاده کنید و برید همون scss رو یاد بگیرید ولی اگه قصد ندارید css رو اصولی و حرفه ایی یاد بگیرید بهترین گزینه همین bootstarp یا tailwindcss هستش


سینا شاه‌اویسی
تخصص : برنامه نویس فرانت اند
@sinashahoveisi 2 سال پیش مطرح شد
1

سلام
واسه استفاده tailwind با scss فرق چندانی با css نداده، شما یه فایل main.scss یا main.css دارید که مواردی که tailwind گفته رو import میکنید و اون فایل main رو به عنوان فایل اصلی استایل استفاده میکنید.

من تو اکثر پروژه های بزرگ از ترکیب scss و tailwind استفاده میکنم چون خود tailwind که خیلی کار رو راحت میکنه و اگر هم بخوام جای خاصی استایل خاصی بدم، از scss استفاده میکنم، چون اگر جایی نیاز به استایل های webkit باشه رو بعد از تبدیل به css میذاره و استفاده از متغیر و کلی خوبی دیگه....


محمد شریف احمدی
تخصص : یک عدد برنامه نویس
@mrahmadi 2 سال پیش مطرح شد
1

بله، ترکیب از 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 فراهم می کند.


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام