TailwindCSS dalam penyemak imbas tidak dikemas kini selepas mengubah suai kelas
P粉322106755
2023-08-18 09:24:44
<p>Saya menggunakan React untuk menjalankan Tailwind, tetapi untuk melihat perubahan yang saya buat pada classNames, saya perlu memulakan semula pelayan dan menjalankan <code>npm run start</code> sekali lagi untuk melihat kemas kini.
Adakah terdapat apa-apa yang perlu saya ubah dalam skrip saya supaya pelayar mengemas kini tanpa perlu memulakan semula pelayan. </p>
<h5>package.json</h5>
<pre class="brush:json;toolbar:false;">"scripts": {
"start": "npm run build:css && react-scripts start",
"build": "npm run build:css && react-scripts build",
"test": "ujian skrip reaksi",
"eject": "react-scripts eject",
"build:css": "postcss src/CSS/tailwind.scss -o src/CSS/index.scss "
}
</pra>
<h5>tailwind.config.js</h5>
<pre class="brush:js;toolbar:false;">/**@type {import('tailwindcss').Config}*/
module.exports = {
kandungan: [
'./app/**/*.{js,ts,jsx,tsx}',
'./pages/**/*.{js,ts,jsx,tsx}',
'./komponen/**/*.{js,ts,jsx,tsx}',
'./src/**/*'
],
tema: {
lanjutkan: {},
},
pemalam: [],
};
</pra>
<h5>postcss.config.js</h5>
<pre class="brush:js;toolbar:false;">module.exports = {
pemalam: {
tailwindcss: {},
autoprefixer: {},
},
}
</pra>
<p>Saya cuba menggunakan <code>npm-run-all</code> Ada cadangan lain? </p>
Anda menjana projek React menggunakan Create React App, bukan? Mengapa tidak mengikuti proses ini? postcss akan mengemas kini pelaksanaan terkini untuk anda.