react项目集成tailwindcss踩坑react项目集成tailwindcss踩坑不要使用上面官网推荐的postc

npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

不要使用上面官网推荐的postcss7去集成，喵的，气死我了，装了半天都没效果。

按以下配置走：直接使用最新版本的postcss和tailwindcss

npm install -D tailwindcss@latest postcss@latest autoprefixer@latest

当我们下载好插件之后执行以下命令

npx tailwindcss init -p
复制代码

项目会自动创建出tailwind.config.js以及post.config.js

我们再进行sass的下载

npm install -D sass@1.45.0
复制代码

如果是下载最新版则不需要加版本号在tailwind.config.css中进行如下配置

module.exports = {
  content: ["./index.html", "./src/**/*.{vue,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
};

在scr下新建styles文件,创建index.scss，加入如下代码，最后在main.js中引入即可

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

！！！！气死了，tailwindcss官网，md！！！！！！