// package.json

// 这里的 'myMicroAppName' 是子应用名，主应用注册时AppName需保持一致
// 因为我们由路由区分应用，所以这里应该是路由前缀

  "name": "myMicroAppName",

// src\hosts.js

// [key] 对应路由前缀
// [value] 对应服务域名

//  default 对应除定义了[key]之外的所有路由前缀
//  优先级： [key] > deafult > 应用路由

//  默认使用当前访问地址域名

export default {
  // default: 'http://test-system.com',

  system: 'http://test-system.com',
}

//  微应用中只能修改已存在的一级属性

//  主应用 src\actions.js -> Actions.initialStore 定义全局一级属性

import actions from '@/actions'
actions.setGlobalState({test: 'demo'})
actions.onGlobalStateChange((state, prev) => {
  console.log('onGlobalStateChange', state, prev);
})

//  vite.config.js
base: VITE_APP_ENV === 'production' ? VITE_BASE_URL || '/' : '/', //  打包路径


// 在对应环境配置文件 配置 VITE_BASE_URL 参数
// 默认 '/' 但是子应用运行会报错: 
// Failed to load module script: Expected a JavaScript module script but the
// server responded with a MIME type of "text/html". Strict MIME type checking
// is enforced for module scripts per HTML spec.

// .env.production
//  子应用需要在路径添加对应路由 如：
//  https://www.jeoho.com/syste

VITE_BASE_URL = 'https://www.jeoho.com/' 

// vite.config.js

 //  样式隔离 自定义命名空间 与 index.html 类名对应
require('postcss-plugin-namespace')('.qiankun-demo', {
  ignore: [
    'html', 'body', /^.el-/, ':root', /^\*/, 'label', 'button', 'input', 'select', 'textarea',
  ]
}),