修改类后,浏览器中的TailwindCSS未更新
P粉322106755
P粉322106755 2023-08-18 09:24:44
[React讨论组]

我正在使用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}',
    './pages/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
    './src/**/*'
  ],
  theme: {
    extend: {},
  },
  plugins: [],
};
postcss.config.js
module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

我用npm-run-all试过了,但没有成功。还有其他建议吗?

P粉322106755
P粉322106755

全部回复(1)
P粉343408929

你是用Create React App生成的React项目,对吗?为什么不按照这个过程来做呢?postcss会为你更新最新的实现。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号