Compare commits

..

No commits in common. "6-routes" and "master" have entirely different histories.

14 changed files with 31 additions and 68 deletions

View File

@ -1,6 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>

14
.umirc.ts Normal file
View File

@ -0,0 +1,14 @@
import { defineConfig } from 'umi';
export default defineConfig({
nodeModulesTransform: {
type: 'none',
},
routes: [
{ path: '/', component: '@/pages/index' },
],
fastRefresh: {},
history: {
type: 'hash'
},
});

View File

@ -0,0 +1,15 @@
# umi project
## Getting Started
Install dependencies,
```bash
$ yarn
```
Start the dev server,
```bash
$ yarn start
```

BIN
bun.lockb

Binary file not shown.

View File

@ -1,25 +0,0 @@
import { defineConfig } from 'umi';
import routes from './routes'
export default defineConfig({
nodeModulesTransform: {
type: 'none', // all 慢 兼容好
},
routes,
fastRefresh: {},
history: {
type: 'browser'
},
// 后续设置的配置
devServer: {
port: 3000, // 启动端口
},
title: 'UmiV3',// 网站标题
favicon: '/favicon.ico',// 网站图标
dynamicImport: {}, // 按需加载
mountElementId: 'root', // 指定 reactapp 渲染到元素的根元素 id
// 主题
theme: {
'@primary-color': 'red',
},
});

View File

@ -1,4 +0,0 @@
export default [
{ path: '/', component: '@/pages/index' },
{ path: '/about', component: '@/pages/about' },
]

View File

@ -28,7 +28,7 @@
"devDependencies": { "devDependencies": {
"@types/react": "^17.0.0", "@types/react": "^17.0.0",
"@types/react-dom": "^17.0.0", "@types/react-dom": "^17.0.0",
"@umijs/preset-react": "latest", "@umijs/preset-react": "1.x",
"@umijs/test": "^3.5.41", "@umijs/test": "^3.5.41",
"lint-staged": "^10.0.7", "lint-staged": "^10.0.7",
"prettier": "^2.2.0", "prettier": "^2.2.0",

Binary file not shown.

Before

Width:  |  Height:  |  Size: 216 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

View File

@ -1,13 +0,0 @@
import {useState} from "react";
import { Button } from 'antd'
export function BoxDiv(){
let [number, setNumber] = useState(0)
function clickHandler(){
setNumber(number+1);
}
return (<div>
<h1>Box-{number}</h1>
<Button onClick={ clickHandler }>+</Button>
</div>)
}

View File

@ -1,4 +0,0 @@
body, html {
width: 100%;
min-height: 100vh;
}

View File

@ -1,11 +0,0 @@
<html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="stylesheet" href="/umi.css" />
</head>
<body>
<div id="root"></div>
<script src="/umi.js"></script>
</body>
</html>

View File

@ -1,12 +1,9 @@
import styles from './index.less'; import styles from './index.less';
import { Button } from 'antd'
import { BoxDiv } from '@/components/Box'
export default function IndexPage() { export default function IndexPage() {
return ( return (
<div> <div>
<h1 className={styles.title}>Page index</h1> <h1 className={styles.title}>Page index</h1>
<Button type={"primary"}>Click</Button>
<BoxDiv></BoxDiv>
</div> </div>
); );
} }