React 配置tailwindcss

1. 安装相关包

npm install autoprefixer postcss tailwindcss

2. 创建tailwindcss以及postcss的配置文件

npx tailwindcss init -p

目录下会出现两个配置文件分别是: 

postcss.config.js，

tailwindcss.config.js

3. 打开tailwindcss.config.js，修改成如下内容:

/** @type {import('tailwindcss').Config} */ 
export default { 
  content: [ "./index.html", "./src/**/*.{js,ts,jsx,tsx}", ], 
  theme: { extend: {}, }, plugins: [], 
}

4. 打开index.css，并添加如下内容

@tailwind base;
@tailwind components;
@tailwind utilities;