Как использовать SCSS с Tailwind css?

Я изучаю Tailwind css. Может ли кто-нибудь помочь мне со следующим?

Я хочу использовать SCCSS с Tailwin CSS.

Как этого добиться?

Заранее спасибо!

Вероятно, будет проще, если вы расскажете обо всем, что уже пробовали. включая файл конфигурации попутного ветра или любые другие соответствующие шаги. Ваш вопрос очень расплывчатый, и документы уже охватывают это tailwindcss.com/docs/using-with-preprocessors

— 12.05.2023 12:06

css reactjs sass frontend tailwind-css

12.05.2023 07:35

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

106

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Это почти то же самое

Установить: npm install sass --save-dev
Импорт: import '../scss/yourStyle.scss';

Ваш стиль будет применен.

Но я не думаю, что вам нужен SCSS, когда вы используете TailwindCSS. TailwindCSS очень мощный

Спасибо! Существуют ли готовые компоненты Tailwind с кнопками, такими как начальная загрузка?

— 12.05.2023 13:29

Извините за поздний ответ, есть библиотека TailwindUI, но она платная. Если вам нужны готовые компоненты пользовательского интерфейса, TailwindCss не для вас. Возможно, вы захотите проверить другие библиотеки (Chakra UI, MUI, Antd...)

— 16.05.2023 06:13

12.05.2023 07:56

npm install node-sass
Создайте файл styles.scss и импортируйте tailwindcss @import 'tailwindcss/base'; @import 'tailwindcss/components'; @import 'tailwindcss/utilities';
в tailwind.config.js добавьте в module.exports следующий код:

module.exports = {
  //...
  mode: 'jit',
  module: {
    rules: [
      {
        test: /\.scss$/,
        use: [
          'style-loader',
          'css-loader',
          'sass-loader',
        ],
      },
    ],
  },
  //...
 };

12.05.2023 09:00

Другие вопросы по теме

Как повторно визуализировать функциональный компонент React в useEffect?

Можно ли вызвать useSWR из-за пределов useEffect?

Как вы можете использовать навигацию по ссылкам, чтобы уйти от перехваченного маршрута в Next.js 13?

Ошибка запроса на выборку RTK отображается несколько раз

React.js: слишком много повторных рендеров. React ограничивает количество рендеров, чтобы предотвратить бесконечный цикл. - НЕ МОГУ НАЙТИ ПРОБЛЕМУ

Как добавить значок Favicon в Next Js 13 App Router?

NavLink Active не работает для вложенных маршрутов

Модульный тест для приложения React: проблема с useNavigate

Отключение функции поиска в реагирующем плеере не работает

Я пытаюсь реализовать выбор перетаскивания в реакции с нуля, но застрял в прокрутке

Как использовать SCSS с Tailwind css?

Ответы 2

Другие вопросы по теме

Похожие вопросы