クラスを変更した後、ブラウザの TailwindCSS が更新されない
<p>React を使用して Tailwind を実行していますが、classNames に加えた変更を確認するには、サーバーを再起動し、<code>npm run start</code> を再度実行して更新を確認する必要があります。
サーバーを再起動せずにブラウザを更新するには、スクリプトで何か変更する必要がありますか。 </p>
<h5>package.json</h5>
<pre class="brush:json;toolbar:false;">"スクリプト": {
"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 "
}
</pre>
<h5>tailwind.config.js</h5>
<pre class="brush:js;toolbar:false;">/**@type {import('tailwindcss').Config}*/
module.exports = {
コンテンツ: [
'./app/**/*.{js,ts,jsx,tsx}',
'./ページ/**/*.{js,ts,jsx,tsx}',
'./components/**/*.{js,ts,jsx,tsx}',
'./src/**/*'
]、
テーマ: {
伸ばす: {}、
}、
プラグイン: []、
};
</pre>
<h5>postcss.config.js</h5>
<pre class="brush:js;toolbar:false;">module.exports = {
プラグイン: {
追い風: {}、
自動プレフィクサー: {}、
}、
}
</pre>
<p><code>npm-run-all</code> を使用してみましたが、成功しませんでした。他に何か提案はありますか? </p>