tailwiind init

npm init -y

npm install tailwindcss  postcss-cli  autoprefixer

npx tailwind init

const purgecss = require(‘@fullhuman/postcss-purgecss‘)({

    content: [
        ‘./src/**/*.html‘,
                ‘./src/**/*.vue‘,   
    ],

    defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []
})

module.exports = {
    plugins: [
        require(‘tailwindcss‘),
        require(‘autoprefixer‘),
        ...process.env.NODE_ENV === ‘production‘
            ? [purgecss]
            : []
    ]
}

@tailwind base;

@tailwind components;

@tailwind utilities;

  "scripts": {
    "dev": "postcss src/css/tailwind.css -o  public/css/all.css"
  },

    <title>index</title>

　　<link rel="stylesheet" href="./css/all.css">