自带提供的微前端不能满足需求，使用 micro-app 来实现，遇到一些问题。

[lanmingle]

micro-app 文档地址：https://micro-zoe.github.io/micro-app/

后续评论中描述相关问题或者咨询。

[lanmingle]

1、modern.js 中的 performance.chunkSplit 拆分 lib 很好用，能否提供参考可添加自定义属性？
如：默认生成的

<script defer src="lib-xx.js"></script>
<link href="/static/css/main.css" rel="stylesheet">

现在需要添加 exclude 等

<script defer src="lib-xx.js" exclude ></script>
<link href="/static/css/main.css" rel="stylesheet" exclude>

参考 micro-app 文档说明：https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/configure?id=exclude

PS：不使用自定义 HTML（是否可以使用 Document.tsx 来实现？）

需求：一般情况下，做微前端，子应用所依赖的公共库都是固定的版本，另外再全局样式中也是固定的（只有在单独使用子应用时才会使用，开发的时候），即在主应用中排除（公共库、全局样式）

[lanmingle]

已解决，参考文档：https://rsbuild.dev/zh/config/html/tags （PS：modernjs.dev 文档中并没有描述函数的使用方式）

export default defineConfig({
 // ...
  html: {
    tags: [
      tags => {
        const targets = tags
          .filter(tag => tag.tag === 'script' || tag.tag === 'link')
          .filter(tag => {
            if (tag.tag === 'script' && tag.attrs?.src) {
              // 基于正则处理共享的 script 文件
              return /lib-.*\.js/.test(tag.attrs.src as string);
            }
            if (tag.tag === 'link' && tag.attrs?.href) {
              // 基于正则处理共享的 link 文件
              return /main.css/.test(tag.attrs.href as string);
            }
            return false;
          });
        targets.forEach(target => {
          target.attrs!.exclude = true;
        });
      },
    ],
  },
});

[lanmingle]

2、如何导致JS会编译进行文件中

/** @jsxRuntime classic */
/** @jsx jsxCustomEvent */
// eslint-disable-next-line @typescript-eslint/no-unused-vars
import jsxCustomEvent from '@micro-zoe/micro-app/polyfill/jsx-custom-event';

发现 jsxCustomEvent 不会编译进文件中，会被删掉，如何处理该项。

参考地址：https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/data?id=%e4%b8%89%e3%80%81%e4%b8%bb%e5%ba%94%e7%94%a8%e5%90%91%e5%ad%90%e5%ba%94%e7%94%a8%e5%8f%91%e9%80%81%e6%95%b0%e6%8d%ae

[lanmingle]

使用 webpack 打包没有问题，使用 rspack 没有引用则会被忽略掉，临时解决办法就是引用一下该变量。

/** @jsxRuntime classic */
/** @jsx jsxCustomEvent */
import jsxCustomEvent from '@micro-zoe/micro-app/polyfill/jsx-custom-event';
const __jsxCustomEvent__ = jsxCustomEvent;