vue3 uni-app vite构建流程(h5简易版)

看不清的话,可以按浏览器ctrl++放大查看

flowchart TB
  subgraph "命令行工具"
    scriptRun["uni dev"]
  end
  subgraph "vite-plugin-uni"
    uniDefaultDef["export default uni"]
    uniPluginNote["在此处定义了很多vite钩子"]
    uniPluginNote -..-> uniDefaultDef
  end
  subgraph 项目根目录
    viteConfigDef["vite.config.ts"]
    viteConfigDef -."config.plugins".-> uniDefaultDef
  end
  subgraph "#64;vue/shared"
    shareExtendDef["shared.extend"]
  end
  subgraph vite
    serverCreateServerDef["server.createServer"]
    serverCreateServerDef -."process.env.VITE_ROOT_DIR".-> viteConfigDef
  end
  subgraph uni-app-vite
    subgraph dist
      subgraph utils
        subgraph easycom
          initEasycomDef["easycom.initEasycom"]
        end
      end
      subgraph cli
        subgraph index.js
          %% runBuildExc["action.runBuild"]
          runDevExc["action.runDev"]
        end
        runDevExc -..-> runDevDef
        subgraph action.js
          runDevDef["action.runDev"]
          -->
          shareExtendExc["shared.extend"]
          -->
          utilsInitEnvExc["utils.initEnv"]
          -->
          serverCreateServerExc["server.createServer"]
          -->
          initEasycomExc["easycom.initEasycom"]
        end
        scriptRun -..-> runDevExc
        shareExtendDef -..-> shareExtendExc
        utilsInitEnvDef -..-> utilsInitEnvExc
        serverCreateServerDef -..-> serverCreateServerExc
        initEasycomDef -..-> initEasycomExc
        subgraph utils.js
          utilsInitEnvDef["utils.initEnv"]
        end
      end
    end
  end