TailwindCSS dans le navigateur n'est pas mis à jour après la modification de la classe
<p>J'utilise React pour exécuter Tailwind, mais pour voir les modifications que j'ai apportées aux classNames, je dois redémarrer le serveur et exécuter <code>npm run start</code> à nouveau pour voir les mises à jour.
Y a-t-il quelque chose que je dois modifier dans mon script pour que le navigateur se mette à jour sans avoir besoin de redémarrer le serveur ? </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": "test des scripts de réaction",
"eject": "éjection des scripts de réaction",
"build:css": "postcss src/CSS/tailwind.scss -o src/CSS/index.scss "
}
≪/pré>
<h5>tailwind.config.js</h5>
<pre class="brush:js;toolbar:false;">/**@type {import('tailwindcss').Config}*/
module.exports = {
contenu: [
'./app/**/*.{js,ts,jsx,tsx}',
'./pages/**/*.{js,ts,jsx,tsx}',
'./Composants/**/*.{js,ts,jsx,tsx}',
'./src/**/*'
],
thème: {
étendre: {},
},
plugins : [],
} ;
≪/pré>
<h5>postcss.config.js</h5>
<pre class="brush:js;toolbar:false;">module.exports = {
plugins : {
vent arrière : {},
préfixe automatique : {},
},
}
≪/pré>
<p>J'ai essayé d'utiliser <code>npm-run-all</code> sans succès. D'autres suggestions? </p>