sass in vite
بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِيمِ
الْحَمْدُ لِلّٰه
سلام، من هر چه تلاش کردم تا فعلا نشد که تو vite ، از sass استفاده کنم؟ چطوری میشه؟ (البته vite خالی ، نه با لاراول، نه با فریمورک دیگه بلکه فقط html,css,sass
منظورم از استفاده از sass اینه که با vite ، داخلش بگیم که خودش بره کاراشو انجام بده و یک چیزی build کنه، مثلا به طور پیشفرض کل استایلای css رو میندازه داخل یک css، خب حالا با sass کار نمیکنه، چه کنم؟
مثلا این کار میکنه :
import './css/style.css';اما این نه :
import './sass/style.scss';گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلام خود vite بیلدر واسه js و فریمورک هاش و scss رو به تنهایی نمیشه با vite ترنسپایل کرد.
اگه میخوای فقط scss رو به css ترنسپایل کنی که ابزار خودش رو داره و میتونی از کامند زیر استفاده کنی
sass --watch scss:cssولی اگه میخوای حتما از vite استفاده کنی باید داخل js استفاده و ایمپورتش کنی. این پروژه این کار رو کرده میتونی یه نگاهی بهش بندازی.
مشکل من این بود که بعد از
npm install -D sassاینو نزده بودم (در حالی که نزده بودم npm run کار می کرد منتهی sass ها نه tranpilate می شد نه می افتاد توی استایلا)
اما وقتی زدم:
npm installدیگه درست کار کرد به راحتی یک import توی js:
//vite > main.js
import './sass/style.scss';