next.js 安装 tailwindCSS

nexjs 安装 tailwindCSS

安装依赖

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

初始化配置项

npx tailwindcss init -p

代码精简

  // tailwind.config.js
  module.exports = {
   purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
    darkMode: false, // or 'media' or 'class'
    theme: {
      extend: {},
    },
    variants: {
      extend: {},
    },
    plugins: [],
  }