使用 CSS

本文档以 css 为示例,把后缀换成 .less 同样适用。

全局样式

Umi 中约定 src/global.css 为全局样式,如果存在此文件,会被自动引入到入口文件最前面。

比如用于覆盖样式,

.ant-select-selection {
max-height: 51px;
overflow: auto;
}

CSS Modules

Umi 会自动识别 CSS Modules 的使用,你把他当做 CSS Modules 用时才是 CSS Modules。

比如:

// CSS Modules
import styles from './foo.css';
// 非 CSS Modules
import './foo.css';

CSS 预处理器

Umi 内置支持 less,不支持 sass 和 stylus,但如果有需求,可以通过 chainWebpack 配置或者 umi 插件的形式支持。

CSS 中引入三方库

TODO:别名的使用。