使用 CSS Modules

Dahlia 默认支持 CSS Modules，CSS Modules 允许你在不同的文件中使用相同的 CSS 类名，实现 Scoped CSS，而无需担心命名冲突。

button.module.css

.error {
  background-color: red;
}

Button.js

import React from 'react'
import styles from './button.module.css'

const Button = () => <button className={styles.error}>Error Button</button>

详细文档：

Last updated 6 years ago

Was this helpful?

Dahlia 默认支持 CSS Modules，CSS Modules 允许你在不同的文件中使用相同的 CSS 类名，实现 Scoped CSS，而无需担心命名冲突。

button.module.css

.error {
  background-color: red;
}

Button.js

import React from 'react'
import styles from './button.module.css'

const Button = () => <button className={styles.error}>Error Button</button>

详细文档：