修改類別後，瀏覽器中的TailwindCSS未更新

Question

我正在使用React運行Tailwind，但為了看到我對classNames所做的更改，我必須重新啟動伺服器並再次運行npm run start才能看到更新。 有沒有什麼我需要在我的腳本中更改的地方，這樣瀏覽器就不需要重新啟動伺服器就能更新。

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 = {
  content: [
    './app/**/*.{js,ts,jsx,tsx}',
    './頁/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
    './src/**/*'
  ],
  theme: {
    extend: {},
  },
  plugins: [],
};

postcss.config.js

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

我用npm-run-all試過了，但沒有成功。還有其他建議嗎？

Answer 1

你是用Create React App產生的React項目，對嗎？為什麼不按照這個流程來做呢？ postcss會為你更新最新的實作。