راکت
حل شده

sass in vite

2 پاسخ

بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِيمِ
الْحَمْدُ لِلّٰه

سلام، من هر چه تلاش کردم تا فعلا نشد که تو vite ، از sass استفاده کنم؟ چطوری میشه؟ (البته vite خالی ، نه با لاراول، نه با فریمورک دیگه بلکه فقط html,css,sass
منظورم از استفاده از sass اینه که با vite ، داخلش بگیم که خودش بره کاراشو انجام بده و یک چیزی build کنه، مثلا به طور پیشفرض کل استایلای css رو میندازه داخل یک css، خب حالا با sass کار نمیکنه، چه کنم؟

مثلا این کار میکنه :

import './css/style.css';

اما این نه :

import './sass/style.scss';
ثبت پرسش جدید

پاسخ‌ها

2
سینا شاه‌اویسی
سینا شاه‌اویسی
@sinashahoveisi

تخصص: برنامه نویس

بهترین پاسخ

سلام خود vite بیلدر واسه js و فریمورک هاش و scss رو به تنهایی نمیشه با vite ترنسپایل کرد.
اگه میخوای فقط scss رو به css ترنسپایل کنی که ابزار خودش رو داره و میتونی از کامند زیر استفاده کنی

sass --watch scss:css

ولی اگه میخوای حتما از vite استفاده کنی باید داخل js استفاده و ایمپورتش کنی. این پروژه این کار رو کرده میتونی یه نگاهی بهش بندازی.

ابوالفضل رجائی نسب
ابوالفضل رجائی نسب
@abol313

تخصص: برنامه نویس (laravel-backend-php)

مشکل من این بود که بعد از

npm install -D sass

اینو نزده بودم (در حالی که نزده بودم npm run کار می کرد منتهی sass ها نه tranpilate می شد نه می افتاد توی استایلا)
اما وقتی زدم:

npm install

دیگه درست کار کرد به راحتی یک import توی js:

//vite > main.js
import './sass/style.scss';

شاید پاسخ شما همین‌جا باشد

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

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