main.ts 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. import '/@/design/index.less';
  2. // 注册 windi
  3. import 'virtual:windi-base.css';
  4. import 'virtual:windi-components.css';
  5. import 'virtual:windi-utilities.css';
  6. import 'virtual:windi-devtools';
  7. // 注册图标
  8. import 'virtual:svg-icons-register';
  9. import App from './App.vue';
  10. import {createApp} from 'vue';
  11. import {initAppConfigStore} from '/@/logics/initAppConfig';
  12. import {setupErrorHandle} from '/@/logics/error-handle';
  13. import {router, setupRouter} from '/@/router';
  14. import {setupRouterGuard} from '/@/router/guard';
  15. import {setupStore} from '/@/store';
  16. import {setupGlobDirectives} from '/@/directives';
  17. import {setupI18n} from '/@/locales/setupI18n';
  18. import {registerGlobComp} from '/@/components/registerGlobComp';
  19. import {registerThirdComp} from '/@/settings/registerThirdComp';
  20. // 在本地开发中引入的,以提高浏览器响应速度
  21. if (import.meta.env.DEV) {
  22. //import('ant-design-vue/dist/antd.less');
  23. }
  24. async function bootstrap() {
  25. // 创建应用实例
  26. const app = createApp(App);
  27. // 配置存储
  28. setupStore(app);
  29. // 初始化内部系统配置
  30. initAppConfigStore();
  31. // 注册全局组件
  32. registerGlobComp(app);
  33. // 多语言配置,异步情况:语言文件可以从服务器端获得
  34. await setupI18n(app);
  35. // 配置路由
  36. setupRouter(app);
  37. // 路由保护
  38. setupRouterGuard(router);
  39. // 注册全局指令
  40. setupGlobDirectives(app);
  41. // 配置全局错误处理
  42. setupErrorHandle(app);
  43. // 注册第三方组件
  44. registerThirdComp(app);
  45. // 当路由准备好时在执行挂载( https://next.router.vuejs.org/api/#isready)
  46. await router.isReady();
  47. // 挂载应用
  48. app.mount('#app', true);
  49. }
  50. bootstrap();