样式标准 reactjs 项目答案

【问题标题】：styling standard reactjs project样式标准 reactjs 项目
【发布时间】：2023-01-24 23:53:34
【问题描述】：

我通过npx create-react-app my-app 创建了一个 React 项目。

项目的src文件夹中有App.css和index.css。我想为我的index.js 项目设置样式，但两个 css 文件都不负责。

这些文件有什么用，我如何全局设计我的项目？

【问题讨论】：

请解释句子：两个 css 文件都不负责
另说明：我可以全局设计我的项目吗？.你是什么意思？你在这里非常模糊。
这些是通过 CSS 加载器（使用 Webpack）加载的全局 CSS 文件。如果您通过入口脚本间接导入它们，它们应该是活动的。

标签： css reactjs

【解决方案1】：

这些文件是做什么用的

不知道
我如何全局设计我的项目？

在 index.js 中导入一个 css 文件
// index.js
import './somecssfile.css'

...

【讨论】：

【解决方案2】：

这些文件是做什么用的？

当您使用 CRA (create-ract-app) 时，app.css 和 index.css 文件用于设置您使用 CTA 模板获得的基本 React 应用程序的样式。我知道命名有点混乱。在 CRA github board 上检查这个问题：Misleading css files

我如何全局设计我的项目？

有很多方法可以为您的应用程序设置样式：CSS 模块、样式化组件（我最喜欢的）……看看这篇很棒的文章：5 Ways to style your react app

【讨论】：