Giter VIP home page Giter VIP logo

module-federation-plugin's Introduction

@angular-architects/module-federation

Local Development

Playground App

You can test directly the libraries by using the playground application:

  1. Start the host application:
    npx nx run playground:serve
  2. Start the remote application:
    npx nx run mfe1:serve --port 3001

By using that approach you can test your modifications on the libraries.

Test Library on external repository

If you want to test the modifications directly on your application, you can follow the steps:

  1. Start the local registry Verdaccio:
    npx nx run local-registry
  2. Then you can publish the libraries by using:
  • For Module federation:

    npm run publish-local:mf
  • For Native federation:

    npm run publish-local:nf

    This will first build the libraries and publish them to http://localhost:4873

  1. Then just re-run the install on the other repo with you favorite package manager.

By default, the version from the package.json will be used. However, you can provide the version for a specific library by using:

npx nx run native-federation:publish-local -- --ver=17.0.8
Publish Libraries

Follow these steps to publish all libraries on npm:

  • For Module federation:
    npm run publish:mf
  • For Native federation:
    npm run publish:nf
    This will first build the libraries and publish them to npm registry.

By default, the version from the package.json will be used and the tag will be next. However, you can provide the version and the tag for a specific library by using:

npx nx run native-federation:publish -- --ver=17.0.8 --tag=latest

module-federation-plugin's People

Contributors

manfredsteyer avatar jogelin avatar ftischler avatar gregonnet avatar mikezks avatar coly010 avatar eric-horodyski avatar florianrappl avatar loaderb0t avatar jigfox avatar slawekkolodziej avatar wszydlak avatar billy-briggs-dev avatar harikatakam avatar marco-gallinari avatar alvaroramirezcastillo avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.