我正在使用使用纱线工作区的 monorepo 架构,其中 Tailwind CSS 是项目的根。在其中一个工作区中,我正在使用 React,并且我已将 Tailwind 实用程序添加到其样式中。Tailwind 在项目中运行良好
tailwind.config.js我在其中添加darkMode: 'class'并制作了一个上下文包装器来将 class='dark' 设置为 html 根,但在更改主题时<html class='dark'设置但dark:bg-black不起作用。我的文件夹结构
Project
|
+-- packages
| |
| \-- react-project-1
| | |
| | +--app.js
| | +--app.css
| |
| \-- react-project-2
|
+-- tailwind.config.js
Run Code Online (Sandbox Code Playgroud)
我的 tailwind.config.js
module.exports = {
mode: 'jit',
purge: [
'./packages/react-project-1/src/**/*.{js,ts,jsx,tsx}',
'./packages/react-project-2/src/**/*.{js,ts,jsx,tsx}',
],
darkMode: 'class',
theme: {
colors: {
orange: '#E05507',
},
extend: {},
},
variants: { …Run Code Online (Sandbox Code Playgroud)