使用 Tailwindcss 时浏览器不会自动更新-PHP中文网问答

每次我添加一个类时，要查看更改，我必须停止运行 nuxt，重新加载 VS Code 窗口并再次运行“npm run dev”。然后我就可以看到变化

我的 tailwind.config.js ：

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        './components/**/*.{js,vue,ts}',
        './layouts/**/*.vue',
        './pages/**/*.vue',
        './plugins/**/*.{js,ts}',
        './nuxt.config.{js,ts}'
    ],
    theme: {
        extend: {}
    },
    plugins: [require('daisyui')]
}

我将 tailwind.css 文件放在 assets/css/tailwind.css 中

并将其导入到我的布局组件中：layouts/default.vue

我的 nuxt.config.ts：

// https://v3.nuxtjs.org/api/configuration/nuxt.config
export default defineNuxtConfig({
    css: ['~/assets/css/tailwind.css'],
    build: {
        postcss: {
            postcssOptions: {
                plugins: {
                    tailwindcss: {},
                    autoprefixer: {}
                }
            }
        }
    }
})

我的package.json：

{
  "private": true,
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "devDependencies": {
    "nuxt": "3.0.0-rc.11",
    "tailwindcss": "^3.1.8"
  },
  "dependencies": {
    "daisyui": "^2.31.0",
    "firebase": "^9.10.0"
  }
}