樣式標准 reactjs 項目

Question

我通過npx create-react-app my-app創建了一個反應項目。

項目src文件夾下有App.css和index.css 。 我想為我的index.js項目設置樣式，但 css 文件都不負責。

這些文件的用途是什么？我如何全局設計我的項目？

Answer 1

這些文件是做什么用的

不知道

我如何全局設計我的項目？

在 index.js 中導入一個 css 文件

// index.js
import './somecssfile.css'

...

Answer 2

這些文件是做什么用的？

當您使用 CRA (create-ract-app) 時，app.css 和 index.css 文件用於設置您使用 CTA 模板獲得的基本 React 應用程序的樣式。 我知道命名有點混亂。 檢查 CRA github 板上的這個問題： Misleading css files

我如何全局設計我的項目？

有很多方法可以為您的應用程序設置樣式：CSS 模塊、樣式化組件（我最喜歡的）...查看這篇很棒的文章： 5 種設置 React 應用程序樣式的方法