umijs是一個基于React的前端框架，它使用插件化的思想對整個前端工程進行管理，同時它也支持引入CSS文件來美化頁面。下面我們來看一下在umijs中如何引入CSS。

首先，我們需要在umijs中使用CSSloader插件，以支持引入CSS文件。在項目根目錄下打開config/config.js文件，添加以下代碼：

export default {
// ...
chainWebpack(config, { webpack }) {
config.module.rule('less')
.test(/\.less$/)
.use('style-loader')
.loader('style-loader')
.end()
.use('css-loader')
.loader('css-loader')
.end()
.use('less-loader')
.loader('less-loader')
.end()
},
// ...
}

上面的代碼中，我們使用了style-loader、css-loader、less-loader三個loader來處理CSS文件的引入和編譯。其中，style-loader用于將CSS代碼注入到HTML文件中，css-loader用于處理CSS文件中的引用關系，less-loader用于將less文件編譯為CSS文件。

接下來，我們就可以在umi組件中使用CSS文件了。只需要在組件的目錄下創建一個.css或.less文件，然后在組件中引入即可：

import React from 'react';
import styles from './index.less';
export default function Example() {
return (
這是一個例子
);
}

注意，上面代碼中，我們使用了import語句來引入CSS文件，并且通過styles對象來訪問CSS文件中定義的樣式類名。這樣，在編譯后，我們的樣式類名將被轉換為一個哈希值。這樣做的好處是可以防止樣式重名導致的沖突。

總之，在umijs中引入CSS文件非常方便，只需要使用css-loader等相關插件，并在組件中引入即可。hope it helps!