This article has not been translated yet. Want to help us out? Click the Edit this doc on GitHub at the end of the page.

Use 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:别名的使用。