TailwindCSS im Browser wird nach dem Ändern der Klasse nicht aktualisiert

Question

Ich verwende React, um Tailwind auszuführen, aber um die Änderungen zu sehen, die ich an classNames vorgenommen habe, muss ich den Server neu starten und npm run start erneut ausführen, um die Aktualisierungen zu sehen. Muss ich irgendetwas an meinem Skript ändern, damit der Browser aktualisiert wird, ohne dass der Server neu gestartet werden muss?

package.json

"scripts": {
  „start“: „npm run build:css && React-Scripts Start“,
  „build“: „npm run build:css && React-Scripts Build“,
  „test“: „react-scripts test“,
  „eject“: „react-scripts eject“,
  „build:css“: „postcss src/CSS/tailwind.scss -o src/CSS/index.scss“
}

tailwind.config.js

/**@type {import('tailwindcss').Config}*/
module.exports = {
  Inhalt: [
    './app/**/*.{js,ts,jsx,tsx}',
    './pages/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
    './src/**/*'
  ],
  Thema: {
    verlängern: {},
  },
  Plugins: [],
};

postcss.config.js

module.exports = {
  Plugins: {
    tailwindcss: {},
    Autopräfixer: {},
  },
}

Ich habe versucht, npm-run-all zu verwenden, ohne Erfolg. Irgendwelche anderen Vorschläge?

Answer 1

你是用Create React App生成的React项目，对吗？为什么不按照这个过程来做呢？postcss会为你更新最新的实现。