All Questions
Tagged with webpack-module-federation webpack
237
questions
0
votes
0
answers
6
views
Use hash in remote module URL for webpack module federated components
I have a app that loads some module federated components. For example:
module.exports = {
plugins: [
new ModuleFederationPlugin({
name: 'app',
remotes: {
remoteComponent1:'...
1
vote
0
answers
48
views
Utilize react component over URLs dyanamically
I have a React component say TEST.TSX , I have compiled the .tsx file to .js and uploaded it to GitHub, so that I can server it over JsDelivr. Can I use the CDN in another react app to utilize the ...
0
votes
0
answers
29
views
Module not found: Error: Can't resolve 'provider_app/App' remote React modules
I'm trying to access React components from a consumer in a remote link. I'm using Module federation in Webpack 5 for this. Here's my code.
Provider App
App.js
import React from 'react'
function App() ...
0
votes
0
answers
34
views
How to expose a React component from host application to a module federated child application in Micro Front End Architecture?
I was exploring the Microfront End Architecture, and I found this very useful github repo https://github.com/nebarf/module-federation-react-router-dom
My usecase is I want to expose a component from ...
1
vote
0
answers
24
views
Webpack: Module "./..." does not exist in container after deploying to AWS
I have a React micro frontend application using Webpack's Module Federation and I am not able to figure out this error after I deploy the MFEs up to a higher environment in AWS. The apps run fine if I ...
0
votes
0
answers
27
views
Webpack Alias Not Resolving Import
i want to integrate something from another repo using webpack 5 module federation.... but i have an issue where it isnt resolving alias.
my config is like the following:
module.exports = {
...
...
0
votes
0
answers
84
views
Is bidirectional module federation possible between a webpack project and a vite project?
I'm investigating webpack's module federation and the potential for allowing separate teams to choose their own frameworks and still share UI elements on one website. I have set up a number of ...
0
votes
0
answers
13
views
Webpack Federation Errors when implment iFrom one React Vite to another?
i have this Error when implment Table Data to another React App with same versioning in remote and host using module federation
Code or Remote
const { merge } = require('webpack-merge');
const ...
0
votes
0
answers
13
views
Title: How to Skip Loading Duplicate CSS Files in Nimbus Bundle Loader?
I am currently facing an issue where my app, loaded in the Nimbus Bundle Loader, is loading two CSS files (main.css and chunk.css) with the same content. I want to find a solution to skip loading one ...
0
votes
0
answers
28
views
How to change chunk load url?
I'm using two Next.js applications and employing webpack to set up module federation for configuring micro-frontends. At the host, I successfully load remoteEntry.js, but when loading related modules, ...
4
votes
0
answers
148
views
Prevent module name from being minified in webpack bundle
I have a host application that consumes a remote package through a script tag.
My remote package includes the following ModuleFederationPlugin config within the webpack config
plugins: [
new webpack....
3
votes
2
answers
446
views
React app in Vue using webpack5 Module federation
I've created simple react App HelloComponent and try to insert into Vue application but i'm unsuccessful
// React webpack config
const { ModuleFederationPlugin } = require('webpack').container;
const {...
0
votes
0
answers
88
views
Multiple instances of Microfrontend
I'm curious about something and would like to hear some opinions. Imagine I'm working on a microfrontend architecture using Angular. In this setup, I have a shell and a remote (like a card). Let's say ...
0
votes
0
answers
106
views
Webpack Module Federation shared dependencies with eager attribute
I have a couple of questions regarding shared dependencies with Webpack Module Federation
If we use eager: true for a dependency, does it mean that the code for that dependency is included within the ...
2
votes
0
answers
147
views
Micro Front End : How to not cache the remoteEntry.js and using hash how effectively can we improve the performance without calling bundles everytime
We have a react application and we are using module federation with webpack to load the Micro Front End.
We have tried the
output: {
filename: 'bundle.[contenthash].js',
path: path.resolve(...