UMI是一個基于React的企業級前端應用框架，通過UMI我們可以使用各類插件來快速搭建出一個強大的前端項目。其中，引入CSS是一個非常常見的需求，如何在UMI中引入CSS呢？
1. 在項目的src目錄下創建一個名為global.css的文件。 2. 將需要引入的CSS代碼寫入global.css中。 3. 在src/layouts/index.js中通過import引入global.css。
以上三步就是在UMI中引入CSS的基本流程了。下面我們來看具體的實現方法：
1. 在src目錄下創建一個目錄，命名為assets。
2. 在assets目錄下創建一個名為global.css的文件，如下圖所示。
// global.css
.body {
font-size: 16px;
color: #333;
}
.button {
display: inline-block;
padding: 10px 20px;
font-size: 14px;
color: #fff;
background-color: #1890ff;
border: none;
border-radius: 4px;
}
3. 打開src/layouts/index.js文件，引入global.css，如下圖所示。
// index.js
import './assets/global.css';
4. 在需要使用global.css的地方，直接使用即可，如下圖所示。
// src/pages/Home.js
import React from 'react';
import styles from './home.less';
export default function Home() {
return (歡迎來到UMI世界
);
}
5. 在src/pages目錄下創建一個名為home.less的文件
// home.less
.home {
text-align: center;
}
6. 在終端中運行npm start命令啟動項目，即可看到引入的CSS樣式已經生效了。以上就是在UMI中引入CSS的完整教程，希望能夠對你有所幫助！
上一篇html5怎么設計代碼
下一篇ul li css導航