Установите Tailwind CSS с помощью Meteor

Настройка Tailwind CSS в проекте Meteor.

Начните с создания нового проекта Meteor, если у вас его еще нет. Наиболее распространенный подход — использовать Meteor CLI.

Terminal

npx meteor create my-projectcd my-project

Установите @tailwindcss/postcss и его зависимости через npm.

Terminal

npm install tailwindcss @tailwindcss/postcss postcss postcss-load-config

Создайте файл postcss.config.mjs в корне вашего проекта и добавьте плагин @tailwindcss/postcss в вашу конфигурацию PostCSS.

postcss.config.mjs

export default {  plugins: {    "@tailwindcss/postcss": {},  },};

Добавьте @import для Tailwind CSS в файл ./client/main.css.

main.css

@import "tailwindcss";

Запустите процесс сборки с помощью npm run start.

Terminal

npm run start

Начните использовать классы утилиты Tailwind для стилизации своего контента.

App.jsx

export const App = () => (  <h1 className="text-3xl font-bold underline">    Hello world!  </h1>)