umi.js2 使用-初始化

91 阅读1分钟

umi.js2官网

一.搭建项目 (注意node版本)

1.yarn create @umijs/umi-app
2.yarn 
3.yarn start

二.目录结构

.
├── package.json
├── .umirc.ts
├── .env
├── dist
├── mock
├── public
└── src
    ├── .umi
    ├── layouts/index.tsx
    ├── pages
        ├── index.less
        └── index.tsx
    └── app.ts

.umirc.ts : 配置文件,包含 umi 内置功能和插件的配置。 .umi 目录 : 临时文件目录,比如入口文件、路由等,都会被临时生成到这里。不要提交 .umi 目录 到 git 仓库,他们会在 umi dev 和 umi build 时被删除并重新生成。

三:配置

.umirc.ts 都在里面配置, 如果配置太多了可以考虑全部转移到 config/config.ts里面,然后将配置项拆分出来。例如:可以把路由routes拆分出来 config/routes.ts.

注:1.类型提示需要调用defineConfig方法。 2.umirc.ts优先级最高