Tailwindcss с SCSS ⇐ CSS

[Anonymous]

Я хотел бы реализовать плагин SCSS с помощью Tailwindcss. Все скомпилировано, кроме моих пользовательских классов.

Код: Выделить всё

"tw:scss": "tailwindcss --postcss -i ./src/style/index.scss -o ./src/dist/style.css"
< /code>
main.scss файл (я также попробовал базовую базу @athailwind, @tailwind, @tailwind утилит импорт): < /p>
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

@import "./_general.scss";
@import "./card.scss";
< /code>
card.scss:
@layer components {
.card {
@apply bg-very-dark-blue-second rounded-lg w-11/12 p-4;
}
}
< /code>
_general.scss:
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap");`
body {
font-family: "Outfit", sans-serif;
}
< /code>
postcss.config.js:
module.exports = {
plugins: [
require("postcss-import"),
require("tailwindcss"),
require("autoprefixer"),
],
};

Когда я начинаю npm запустить tw: scss , только _general.scss транспильтируется.
Вопрос - это даже возможно ли использовать SCS в SCSS в Сюда? Если да, как решить эту проблему.

Подробнее здесь: https://stackoverflow.com/questions/704 ... -with-scss