ホームページ  >  に質問  >  本文

クラスを変更した後、ブラウザの 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>
P粉322106755P粉322106755453日前482

全員に返信(1)返信します

  • P粉343408929

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

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

    返事
    0
  • キャンセル返事