umi标准项目目录结构

作者: jack钱 | 来源:发表于2021-12-03 10:13 被阅读0次
    .
        ├── dist/                          // 默认的 build 输出目录
        ├── mock/                          // mock 文件所在目录,基于 express
        ├── config/
            ├── config.js                  // umi 配置,同 .umirc.js,二选一
        └── src/                           // 源码目录,可选
            ├── layouts/index.js           // 全局布局
            ├── pages/                     // 页面目录,里面的文件即路由
                ├── .umi/                  // dev 临时目录,需添加到 .gitignore
                ├── .umi-production/       // build 临时目录,会自动删除
                ├── document.ejs           // HTML 模板
                ├── 404.js                 // 404 页面
                ├── page1.js               // 页面 1,任意命名,导出 react 组件
                ├── page1.test.js          // 用例文件,umi test 会匹配所有 .test.js 和 .e2e.js 结尾的文件
                └── page2.js               // 页面 2,任意命名
            ├── global.css                 // 约定的全局样式文件,自动引入,也可以用 global.less
            ├── global.js                  // 可以在这里加入 polyfill
            ├── app.js                     // 运行时配置文件
        ├── .umirc.js                      // umi 配置,同 config/config.js,二选一
        ├── .env                           // 环境变量
        └── package.json
    

    相关文章

      网友评论

        本文标题:umi标准项目目录结构

        本文链接:https://www.haomeiwen.com/subject/zoypxrtx.html