TailwindCSS dans le navigateur n'est pas mis à jour après la modification de la classe

Question

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 npm run start à 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 ?

package.json

"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é>
tailwind.config.js
/**@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é>
postcss.config.js
module.exports = {
  plugins : {
    vent arrière : {},
    préfixe automatique : {},
  },
}
≪/pré>
J'ai essayé d'utiliser npm-run-all sans succès. D'autres suggestions? 
            

Answer 1

Vous avez généré le projet React à l'aide de Create React App, n'est-ce pas ? Pourquoi ne pas suivre ce processus ? postcss mettra à jour la dernière implémentation pour vous.