Tailwind CSS中的主题不适用于Webpack和React



我想在我的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: {},
}
}

这对你有用吗?

最新更新