我想知道是否最好拥有一个带有注释的大型 css 文件,将代码分解为相应的部分(例如页脚、页眉)。或者每个组件一个 css 文件。例如。页眉.css,页脚.css?有什么优点和缺点?
我认为答案不是特定于 React 的,而是个人偏好之一。
但是,我倾向于发现 POD 结构更容易使用。
我典型的 React 组件使用 css 模块,看起来像这样:
# components/Example/styles.module.css
.example {
background:blue;
}
# components/Example/index.js
import styles from './styles.module.css'
class Example extends React.PureComponent {
render () {
return (
<div className={styles.example}>Example</div>
)
}
}
这取决于很多事情:
您的应用程序/网站有多大?
这是由团队完成还是你自己完成?
这是一个业余爱好项目还是实际的商业产品?
单文件方法
优点:
缺点:
模块化方法
优点
缺点: