Maison  >  Questions et réponses  >  le corps du texte

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>
P粉322106755P粉322106755450 Il y a quelques jours477

répondre à tous(1)je répondrai

  • P粉343408929

    P粉3434089292023-08-19 00:07:36

    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.

    répondre
    0
  • Annulerrépondre