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标准项目目录结构

  • umi项目性能优化

    本文以umi2.x项目作为示例进行项目优化,其他项目优化方向也是如此,可能配置上有一点差异。 目录 umi获取配置...

  • umi的学习

    首先全局安装umi,npm install umi -g,新建一个项目目录,执行npm init -y,创建.gi...

  • React umi使用postcss将px转为vw来自适应

    一、通过umi来搭建app(如果已新建项目请跳过此步骤) 通过脚手架create-umi创建项目 创建目录,初始化...

  • sula带你十分钟完成crud

    起步 本文将从umi搭建项目开始,帮助你在项目中轻松运用sula。 1、先找个文件夹建个空目录 2、通过umi官方...

  • 手动构建 Laravel 框架

    框架的目录结构还是标准的 Laravel 框架结构 项目目录下 composer.json 文件 入口文件 ind...

  • MAVEN项目标准目录结构

    1.标准目录结构: src-main–bin 脚本库–java java源代码文件–resources 资源库,会...

  • ☆SVN版本管理:两种开发模式

    1 SVN标准目录 Subversion有一个很标准的目录结构,是这样的。比如项目是proj,svn地址为svn:...

  • 2020-09-25

    推荐-Vue项目目录结构 目录结构保持一致,使得多人合作容易理解与管理,提高工作效率。Vue标准项目 #简要说明 ...

  • Maven 标准目录结构

    目录结构一般包括: 标准目录结构

网友评论

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

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