0

I have recently gained an interest in developing microfrontends using module-federation, and I have started converting an existing Angular 13 app to microfrontend. The issue that I'm facing is that when I install module-federation, the default builder for the microfrontend is ngx-build-plus. However, my existing app is built using angular-devkit. I also read that webpack supports only ngx-build. Is there a way for me to find a workaround for this? I need to use angular-devkit since the project I'm working on is pretty big and can't be converted to ngx-build.

Thanks!

5
  • 1
    What do you mean with “when I install module-federation, the default builder for the microfrontend is ngx-build-plus”? What is that install exactly? Commented Jul 20, 2022 at 22:25
  • The webpack.config,js files get generated when I do "npm install @angular-architects/module-federation". By default, ngx-build-plus is used as builder for the webpack components. I need to use Angular-devkit. Commented Jul 21, 2022 at 15:50
  • Ah right. I'm using that same package - however, I'm also using Nx so it's using a custom builder there (@nrwl/angular:webpack-browser). I'm not sure if it is possible to use custom webpack configs with just the angular devkit. I think the recommended way is to use the angular-builders package (github.com/just-jeb/angular-builders/tree/13.x.x/packages/…) - which under the hood simply extends angular devkit. Commented Jul 21, 2022 at 18:10
  • Thanks! I'll definitely look into this. Commented Jul 22, 2022 at 23:32
  • How did you fix this issue? Commented Nov 2, 2024 at 16:54

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.