fix(dts-plugin): lazy emit subsequent type generations (#3345)

Co-authored-by: 2heal1 <[email protected]>

Author: ScriptedAlchemy

.changeset/twelve-dingos-ring.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/dts-plugin': patch
+---
+
+Lazy emit DTS files on hmr rebuilds, do not block compiler pipeline

.cursorignore

@@ -2,12 +2,15 @@
 ./tmp
 ./scripts
 ./.git
-./packages/storybook-addon
-./packages/core
-./packages/utilities
-./packages/typescript
-./packages/native-*
-./apps
+packages/storybook-addon
+packages/core
+packages/utilities
+packages/typescript
+packages/native-*
+apps
 **/configCases
+**/dist
 apps/**
 *.snap
+*.js
+

apps/manifest-demo/3010-rspack-provider/rspack.config.js

@@ -42,6 +42,7 @@ module.exports = composePlugins(
               transform: {
                 react: {
                   runtime: 'automatic',
+                  refresh: true,
                 },
               },
             },
@@ -60,6 +61,18 @@ module.exports = composePlugins(
     // publicPath must be specific url
     config.output.publicPath = 'http://localhost:3010/';
 
+    const rspackPlugin = config.plugins.find((plugin) => {
+      return plugin.name === 'HtmlRspackPlugin';
+    });
+
+    if (rspackPlugin && rspackPlugin._args && rspackPlugin._args[0]) {
+      rspackPlugin._args[0].excludeChunks = ['rspack_provider'];
+    } else {
+      console.warn(
+        'HtmlRspackPlugin not found or has unexpected structure. Skipping excludeChunks configuration.',
+      );
+    }
+
     config.plugins.push(
       new ModuleFederationPlugin({
         name: 'rspack_provider',
@@ -70,10 +83,10 @@ module.exports = composePlugins(
         shared: {
           lodash: {},
           antd: {},
-          'react/': {
-            singleton: true,
-            requiredVersion: '^18.3.1',
-          },
+          // 'react/': {
+          //   singleton: true,
+          //   requiredVersion: '^18.3.1',
+          // },
           react: {
             singleton: true,
             requiredVersion: '^18.3.1',

apps/react-ts-host/webpack.config.js

@@ -12,6 +12,8 @@ module.exports = composePlugins(
   withNx(),
   withReact(),
   async (config, context) => {
+    config.devServer = config.devServer || {};
+    config.devServer.host = '127.0.0.1';
     // prevent cyclic updates
     config.watchOptions = {
       ignored: ['**/node_modules/**', '**/@mf-types/**'],

apps/react-ts-nested-remote/webpack.config.js

@@ -11,6 +11,10 @@ module.exports = composePlugins(
   withNx(),
   withReact(),
   async (config, context) => {
+    if (!config.devServer) {
+      config.devServer = {};
+    }
+    config.devServer.host = '127.0.0.1';
     config.output.publicPath = 'http://localhost:3005/';
     // prevent cyclic updates
     config.watchOptions = {

apps/react-ts-remote/rspack.config.js

@@ -88,6 +88,7 @@ module.exports = composePlugins(
       client: {
         overlay: false,
       },
+      host: '127.0.0.1',
       port: 3004,
       devMiddleware: {
         writeToDisk: true,

apps/react-ts-remote/webpack.config.js

@@ -12,6 +12,10 @@ module.exports = composePlugins(
   withNx(),
   withReact(),
   async (config, context) => {
+    if (!config.devServer) {
+      config.devServer = {};
+    }
+    config.devServer.host = '127.0.0.1';
     const baseConfig = {
       name: 'react_ts_remote',
       filename: 'remoteEntry.js',

package.json

@@ -49,7 +49,7 @@
     "prepare": "husky install",
     "changeset": "changeset",
     "build:packages": "npx nx affected -t build --parallel=10 --exclude='*,!tag:type:pkg'",
-    "changegen": "./changeset-gen.js --path ./packages/enhanced --staged &&./changeset-gen.js --path ./packages/node --staged && ./changeset-gen.js --path ./packages/runtime --staged && ./changeset-gen.js --path ./packages/data-prefetch --staged && ./changeset-gen.js --path ./packages/nextjs-mf --staged",
+    "changegen": "./changeset-gen.js --path ./packages/enhanced --staged && ./changeset-gen.js --path ./packages/node --staged && ./changeset-gen.js --path ./packages/runtime --staged && ./changeset-gen.js --path ./packages/data-prefetch --staged && ./changeset-gen.js --path ./packages/nextjs-mf --staged && ./changeset-gen.js --path ./packages/dts-plugin --staged",
     "commitgen:staged": "./commit-gen.js --path ./packages --staged",
     "commitgen:main": "./commit-gen.js --path ./packages",
     "changeset:status": "changeset status"