小编pra*_*ant的帖子

Tailwind 在 monorepo 架构中无法正常工作

我正在使用使用纱线工作区的 monorepo 架构,其中 Tailwind CSS 是项目的根。在其中一个工作区中,我正在使用 React,并且我已将 Tailwind 实用程序添加到其样式中。Tailwind 在项目中运行良好

  1. 每当我定义新颜色时它就不起作用。
  2. 此外,我还想实现 darkMode,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)

javascript reactjs next.js tailwind-css darkmode

8
推荐指数
1
解决办法
4755
查看次数

标签 统计

darkmode ×1

javascript ×1

next.js ×1

reactjs ×1

tailwind-css ×1