开发配置

更新时间:2024-04-16 08:54:01下载pdf

微应用提供 micro.config.js 文件,用于配置本地开发的功能,以及微应用产物构建规则配置。

示例

项目开发配置代码如下:

module.exports = {
  debuggerConfig: {
    target: 'host',
    username: 'xxx',
    password: 'zzz',
    logSign: true,
    mockPermissions: ['REGISTER', 'EDIT', 'DELETE'],
    themeConfig: {
      primaryColor: '#f50',
    },
  },
  webpack(config, { isDev, isBuild }) {
    config.output.publicPath = isDev ? '/' : './';
    return config;
  },
  devServer(config) {
    return config;
  },
};

debuggerConfig

配置微应用开发调试功能。

  • targetusernamepassword:这三个字段可将应用代理至创建的 SaaS,便于本地启动时可见微应用在 SaaS 中的效果。

  • logSign:本地开发阶段,是否开启请求日志输出。

  • mockPermissions:用于模拟权限。更多信息,请参考 权限配置

  • themeConfig:用于配置微应用配色方案,当前只支持 primaryColor 基础内容的配色。

    SaaS 运行中的配色由您在 涂鸦开发者平台 上的配置决定。这里的配置只是便于开发时适配项目配色,仅在本地开发运行时生效。

webpack

webpack 一致,可用于配置打包规则。

devServer

webpack - devServer 一致,可用于配置本地开发运行时服务的功能。