快速上手

    或者用 npm

    1. $ npm install -g umi

    umi -v 检查版本号。

    1. $ umi -v
    2. umi@1.0.0

    创建应用

    WARNING

    创建应用并进入。

    创建 pages 目录并新建一个页面。

    1. $ echo 'export default () => <div>Index Page</div>' > pages/index.js

    如果你是 Window 系统,可以手动新建 pages/index.js,并填入:

    启动 dev 服务器

    1. $ umi build
    2. Compiled successfully.
    3. File sizes after gzip:
    4. 52.09 KB static/umi.2b7e5e82.js

    构建产物会生成在 目录。

    1. $ tree ./dist
    2. dist
    3. ├── index.html
    4. └── static
    5. ├── __common-umi.6a75ebe1.async.js
    6. └── umi.2b7e5e82.js
    7. 1 directory, 3 files

    部署

    构建产出的 dist 目录是可直接运行的,我们用 让 dist 目录跑起来。