我想在我的React项目中动态切换主题,我的React应用程序是使用Webpack构建和提供的。所以我从这个入门应用程序中获得了灵感。此repo包含在运行时在两个主题之间切换的示例,并使用Craco构建。我尝试从Craco迁移到Webpack(Webpack示例(。
迁移到Webpack后,主题切换停止工作。当我使用Chrome调试器进行检查时,代码正在更改,但颜色没有反映在更改中。
有人能帮忙解决这个问题吗?提前谢谢。
- carco样品->https://github.com/bandrewfisher/theming-react-components.git
- webpack示例->https://github.com/bannarisoftwares/tailwind-theme-webpack-issue.git
这对tailwind css 2.X version
有效,对tailwind css 3.X version
无效
似乎需要添加tailwind css 2.X version
module.exports = {
plugins: [
require('postcss-import'),
require('tailwindcss'),
require('autoprefixer'),
],
}
在postcss.config.js
中
module.exports = {
plugins: {
'postcss-import': {},
autoprefixer: {},
tailwindcss: {},
}
}
这对你有用吗?