switch to react and vue to @module-federation/enhanced

generators/client/templates/webpack/webpack.microfrontend.js.jhi.ejs

@@ -26,7 +26,7 @@
  });
 _&>
 
-const ModuleFederationPlugin = require('webpack/lib/container/ModuleFederationPlugin');
+const { ModuleFederationPlugin } = require('@module-federation/enhanced/webpack');
 <&- fragments.importsSection() &>
 <%_ if (!clientFrameworkVue) { _%>
 const packageJson = require('../package.json');
@@ -63,6 +63,8 @@ module.exports = () => {
  filename: 'remoteEntry.js',
  <%_ } _%>
  shareScope: 'default',
+ dts: false,
+ manifest: false,
 <&- fragments.moduleFederationSection() &>
  }
 <%_ } -%>
@@ -71,6 +73,7 @@ module.exports = () => {
  ],
  output: {
  publicPath: 'auto',
+ scriptType: 'text/javascript',
  },
  };
 };

generators/react/generator.ts

@@ -189,6 +189,18 @@ export default class ReactGenerator extends BaseApplicationGenerator {
 
  get postWriting() {
  return this.asPostWritingTaskGroup({
+ addMicrofrontendDependencies({ application }) {
+ if (!application.microfrontend) return;
+ const { applicationTypeGateway } = application;
+ if (applicationTypeGateway) {
+ this.packageJson.merge({
+ devDependencies: { '@module-federation/utilities': null },
+ });
+ }
+ this.packageJson.merge({
+ devDependencies: { '@module-federation/enhanced': null },
+ });
+ },
  addWebsocketDependencies({ application }) {
  const { communicationSpringWebsocket, nodeDependencies } = application;
  if (communicationSpringWebsocket) {

generators/react/resources/package.json

@@ -30,6 +30,7 @@
  },
  "devDependencies": {
  "@eslint/js": "9.12.0",
+ "@module-federation/enhanced": "0.6.11",
  "@module-federation/utilities": "3.1.17",
  "@testing-library/react": "16.0.1",
  "@types/jest": "29.5.13",

generators/react/templates/package.json.ejs

@@ -59,9 +59,6 @@
  "uuid": "<%= nodeDependencies['uuid'] %>"
  },
  "devDependencies": {
-<%_ if (applicationTypeGateway && microfrontend) { _%>
- "@module-federation/utilities": "<%= nodeDependencies['@module-federation/utilities'] %>",
-<%_ } _%>
  "@testing-library/react": "<%= nodeDependencies['@testing-library/react'] %>",
  "@types/jest": "<%= nodeDependencies['@types/jest'] %>",
  "@types/lodash": "<%= nodeDependencies['@types/lodash'] %>",

generators/vue/generator.ts

@@ -223,6 +223,7 @@ export default class VueGenerator extends BaseApplicationGenerator {
  }
  this.packageJson.merge({
  devDependencies: {
+ '@module-federation/enhanced': null,
  'browser-sync-webpack-plugin': null,
  'copy-webpack-plugin': null,
  'css-loader': null,

generators/vue/resources/package.json

@@ -22,6 +22,7 @@
  },
  "devDependencies": {
  "@eslint/js": "9.12.0",
+ "@module-federation/enhanced": "0.6.11",
  "@module-federation/utilities": "3.1.17",
  "@pinia/testing": "0.1.6",
  "@tsconfig/node18": "18.2.4",

generators/vue/templates/module-federation.config.cjs.ejs

@@ -50,4 +50,6 @@ module.exports = {
  '@/locale/translation.service',
  ),
  },
+ dts: false,
+ manifest: false,
 };