Краткое руководство: настройка Tailwind с помощью приложения create-response-app

Вот как заставить плагин Tailwind PostCSS работать с приложением create-react-app. Это потребует от вас использовать react-app-rewired вместо react-scripts, но это лучше, чем выталкивание!

1. Установить:

create-react-app example
cd example
yarn add react-app-rewired customize-cra --save
yarn add tailwindcss --dev

Заменить скрипты в package.json

"scripts": {
  "start": "react-app-rewired start",
  "build": "react-app-rewired build",
  "test": "react-app-rewired test",
  "eject": "react-app-rewired eject"
}

Создайте config-overrides.js в корне проекта

const { override, addPostcssPlugins } = require('customize-cra')
module.exports = override(
  addPostcssPlugins([require('tailwindcss')])
)

В этом суть того, как это должно работать. Я не использую Tailwind, поэтому вам может потребоваться передать некоторую конфигурацию Tailwind, чтобы заставить его работать.