클래스 수정 후 브라우저의 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 && 반응 스크립트 빌드",
"test": "반응 스크립트 테스트",
"eject": "반응 스크립트 꺼내기",
"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}*/
모듈.수출 = {
콘텐츠: [
'./app/**/*.{js,ts,jsx,tsx}',
'./페이지/**/*.{js,ts,jsx,tsx}',
'./comments/**/*.{js,ts,jsx,tsx}',
'./src/**/*'
],
주제: {
연장하다: {},
},
플러그인: [],
};
</pre>
<h5>postcss.config.js</h5>
<pre class="brush:js;toolbar:false;">module.exports = {
플러그인: {
tailwindcss: {},
자동 접두어: {},
},
}
</pre>
<p><code>npm-run-all</code>을 사용해 보았으나 성공하지 못했습니다. 다른 제안이 있나요? </p>
