如下列出的模块在 umi
中都会被自动处理,所以开发者无需关心这些模块是如何被处理的,以及他们的 webpack
配置是怎样的
.js, .jsx, .mjs, .jsx, .json
: 由 babel-loader 处理.ts
: 由 ts-loader 处理.graphql, .gql
: 由 graphql-tag/loader 处理.css, .less, .sass
: 由 css-loader, postcss-loader, less-loader 处理.svg
: 由 @svgr/core 处理。使用 umi
,你可以用如下方式引入 svg
import { ReactComponent as Avatar } from './avatar.svg'
function Example() {
return <Avatar />
}
所有其他未列出的模块,默认都会由 url-loader 处理