Penyemak imbas tidak mengemas kini secara automatik apabila menggunakan Tailwindcss
<p>Setiap kali saya menambah kelas, untuk melihat perubahan saya perlu berhenti menjalankan nuxt, muat semula tetingkap Kod VS dan jalankan "npm run dev" sekali lagi. Kemudian saya dapat melihat perubahan</p>
<p>Tailwind.config.js saya:</p>
<p>
<pre class="brush:js;toolbar:false;">/**@type {import('tailwindcss').Config}*/
module.exports = {
kandungan: [
'./components/**/*.{js,vue,ts}',
'./layouts/**/*.vue',
'./pages/**/*.vue',
'./plugins/**/*.{js,ts}',
'./nuxt.config.{js,ts}'
],
tema: {
lanjutkan: {}
},
pemalam: [require('daisyui')]
}</pre>
</p>
<p>Saya meletakkan fail tailwind.css dalam assets/css/tailwind.css</p>
<p>Dan importnya ke dalam komponen reka letak saya: layouts/default.vue</p>
<p>Nuxt.config.ts saya:</p>
<p>
<pre class="brush:js;toolbar:false;">// https://v3.nuxtjs.org/api/configuration/nuxt.config
eksport lalai defineNuxtConfig({
css: ['~/assets/css/tailwind.css'],
bina: {
postcss: {
postcssPilihan: {
pemalam: {
tailwindcss: {},
autoprefixer: {}
}
}
}
}
})</pre>
</p>
<p>Pakej saya.json:</p>
<pre class="brush:json;toolbar:false;">{
"peribadi": benar,
"skrip": {
"bina": "binaan nuxt",
"dev": "nuxt dev",
"jana": "jana nuxt",
"pratonton": "pratonton nuxt",
"pasca pemasangan": "nuxt prepare"
},
"DevDependencies": {
"nuxt": "3.0.0-rc.11",
"tailwindcss": "^3.1.8"
},
"kebergantungan": {
"daisyui": "^2.31.0",
"firebase": "^9.10.0"
}
}
</pra></p>
