修改类后，浏览器中的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会为你更新最新的实现。