package.json

{
  "name": "front_solution",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite --host",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "vue": "^3.2.37"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^3.0.3",
    "autoprefixer": "^10.4.2",
    "postcss": "^8.4.8",
    "sass": "^1.45.0",
    "tailwindcss": "^3.0.23",
    "vite": "^3.0.7"
  }
}

postcss.config.js

module.exports = {
    plugins: {
      tailwindcss: {},
      autoprefixer: {},
    },
  }

tailwind.config.js

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

src/styles/index.scss

// 导入 tailwind 的基础指令组件
@tailwind base;
@tailwind components;
@tailwind utilities;

node v16.16.0