クラスを変更した後、ブラウザの TailwindCSS が更新されない

Question

React を使用して Tailwind を実行していますが、classNames に加えた変更を確認するには、サーバーを再起動し、npm run start を再度実行して更新を確認する必要があります。 サーバーを再起動せずにブラウザを更新するには、スクリプトで何か変更する必要がありますか。

package.json

"スクリプト": {
  "start": "npm run build:css && 反応スクリプトの開始",
  "build": "npm run build:css && 反応スクリプト ビルド",
  "テスト": "反応スクリプトテスト",
  "eject": "react-scripts のイジェクト",
  "build:css": "postcss src/CSS/tailwind.scss -o src/CSS/index.scss "
}

tailwind.config.js

/**@type {import('tailwindcss').Config}*/
module.exports = {
  コンテンツ： [
    './app/**/*.{js,ts,jsx,tsx}',
    './ページ/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
    './src/**/*'
  ]、
  テーマ： {
    伸ばす： {}、
  }、
  プラグイン: []、
};

postcss.config.js

module.exports = {
  プラグイン: {
    追い風: {}、
    自動プレフィクサー: {}、
  }、
}

npm-run-all を使用してみましたが、成功しませんでした。他に何か提案はありますか？

Answer 1

Create React App を使用して React プロジェクトを生成しましたよね?この プロセスに従ってみてはいかがでしょうか? postcss は最新の実装を更新します。