Create React App 添加一个样式表

添加样式表

在 Create React App 中,我们可以使用多种方式来添加样式表到我们的项目中。最常见的方式是使用 CSS 文件,但也可以使用 Sass、Less 或者其他预处理器来编写样式。

使用 CSS 文件

要在 Create React App 中使用 CSS 文件,只需在 src 目录下创建一个新的 CSS 文件,比如 styles.css,然后在组件中引入这个样式表即可。

-- -------------------- ---- -------
-- ---------- --

---- -
  ------------ ------ -----------
  ----------------- --------
-

------- -
  -------- ---- -----
  ----------------- --------
  ------ -----
  ------- -----
  -------------- ----
  ------- --------
-

------------- -
  ----------------- --------
-
-- -------------------- ---- -------
-- ---------

------ ----- ---- --------
------ ---------------

----- ------ - -- -- -
  ------ ------- ------------------------ ------------
--

------ ------- -------

使用 Sass

如果你更喜欢使用 Sass 来编写样式,也可以在 Create React App 中轻松实现。首先,确保你的项目中已经安装了 node-sass,然后将样式文件改为 .scss 后缀。

-- -------------------- ---- -------
-- ----------- --

--------------- --------

---- -
  ------------ ------ -----------
  ----------------- --------
-

------- -
  -------- ---- -----
  ----------------- ---------------
  ------ -----
  ------- -----
  -------------- ----
  ------- --------

  ------- -
    ----------------- ---------------------- -----
  -
-
-- -------------------- ---- -------
-- ---------

------ ----- ---- --------
------ ----------------

----- ------ - -- -- -
  ------ ------- ------------------------ ------------
--

------ ------- -------

通过这种方式,你可以方便地添加样式表到你的 Create React App 项目中,让你的应用程序看起来更加漂亮和专业。

纠错
反馈