使用 sass 编写样式

安装

pnpm add -D sass

使用(举例)

新建样式文件

在 src随意位置,凭借个人习惯

在 src 目录下新建 styles 文件夹，并在其中新建 index.scss 文件

// src/styles/index.scss
.layout {
  .textwenzi {
    color: green;
  }
}

引入样式文件

import LayOutStyles from "./index.scss";
export default function HomePage() {
  return (
    <div className={LayOutStyles.layout}>
      <h2>
        Yay! Welcome to umi!-- {process.env.UMI_ENV}--{process.env.DOMAIN}{" "}
      </h2>
      <p className={LayOutStyles.textwenzi}>测试文字是否是绿色 </p>
    </div>
  );
}