Vben
2021-03-10 9aa1be821be13168026e0a22878b12297349bbd1
src/main.ts
@@ -1,3 +1,6 @@
import '/@/design/index.less';
import '@virtual/windi.css';
import { createApp } from 'vue';
import App from './App.vue';
@@ -6,44 +9,44 @@
import { setupErrorHandle } from '/@/logics/error-handle';
import { setupGlobDirectives } from '/@/directives';
import { setupI18n } from '/@/locales/setupI18n';
import { setupProdMockServer } from '../mock/_createProductionServer';
import { registerGlobComp } from '/@/components/registerGlobComp';
import { isDevMode, isProdMode, isUseMock } from '/@/utils/env';
// router-guard
import '/@/router/guard';
import '/@/design/index.less';
// Register icon Sprite
import 'vite-plugin-svg-icons/register';
const app = createApp(App);
import { isDevMode } from '/@/utils/env';
registerGlobComp(app);
(async () => {
  const app = createApp(App);
  // Register global components
  registerGlobComp(app);
// Multilingual configuration
setupI18n(app);
// Configure routing
setupRouter(app);
  // Multilingual configuration
  await setupI18n(app);
// Configure vuex store
setupStore(app);
  // Configure routing
  setupRouter(app);
// Register global directive
setupGlobDirectives(app);
  // Configure vuex store
  setupStore(app);
// Configure global error handling
setupErrorHandle(app);
  // Register global directive
  setupGlobDirectives(app);
// Mount when the route is ready
router.isReady().then(() => {
  // Configure global error handling
  setupErrorHandle(app);
  // Mount when the route is ready
  await router.isReady();
  app.mount('#app', true);
});
// The development environment takes effect
if (isDevMode()) {
  app.config.performance = true;
  window.__APP__ = app;
}
// If you do not need to setting the mock service in the production environment, you can comment the code
if (isProdMode() && isUseMock()) {
  setupProdMockServer();
}
  // The development environment takes effect
  if (isDevMode()) {
    // app.config.performance = true;
    window.__APP__ = app;
  }
})();