我正在使用React運行Tailwind,但為了看到我對classNames所做的更改,我必須重新啟動伺服器並再次運行npm run start
才能看到更新。 有沒有什麼我需要在我的腳本中更改的地方,這樣瀏覽器就不需要重新啟動伺服器就能更新。
"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 " }
/**@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: [], };
module.exports = { plugins: { tailwindcss: {}, autoprefixer: {}, }, }
我用npm-run-all
試過了,但沒有成功。還有其他建議嗎?
你是用Create React App產生的React項目,對嗎?為什麼不按照這個流程來做呢? postcss會為你更新最新的實作。