vue2中怎么使用tailwindcss方法

1.yarn add -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

    1-1: yarn add postcss-loader

2. 创建文件tailwindcss.css 

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

 3.main.js中引入

import "./assets/tailwindcss.css"

import 'tailwindcss/tailwind.css'

4.在项目根目录执行以下命令：

npx tailwindcss init -p

5.postcss.config.js

// postcss.config.js
module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  }
}

postcss.config.js
module.exports = {
  plugins: [require('tailwindcss'), require('autoprefixer')]
  }
}