egoisticum / single-spa-portal-example-vue-example

Fork of single-spa-portal-example with VueJS more features such as:

• VueRouter implemented
• Redux implemented in vue4app project

single-spa-portal-example-vue-example's Issues

How this works in production mode?

Thanks @egoisticum for the fork. I'm gonna try it right away!

However, I'm still in doubt of how this will work in production. Let's say you compile a production build of a Vue app, as well as the Single SPA Portal app. Then how do you link the compiled Vue app into the Portal? I mean, in the singleSpaEntry.js there are references to the ./App.vue file, but not at all to the compiled dist folder. Does this means that this solution only works with non compiled, in development projects?

What I am trying to achieve here is this scenario:

• Compiled Portal in production mode (either made with VueJS, Angular, React, whatever framework I choose)
• Compiled VueJS App1 as a standalone application, mounted in real-time by the Portal, accesible by a defined route.
• Compiled Angular App2 as a standalone application, mounted in real-time by the Portal, accesible by a defined route.

This way, our App1 team can work in their own repository, republish the app to a pre-stablished production folder, and the Portal will still be able to found it and mount it in real-time. The Portal team and the App2 team will not be interrupted by this release, and for the end user it will be transparent as well.

Thanks in advance.

Can you provide a short tutorial on how to include a freshly created Vue app?

Hi!

I'm trying to use your example into the previously existing single-spa-portal, but with no luck so far.

Can you provide an tiny, tutorial in the README.md on how to include a freshly created Vue app using the vue-cli, with all the steps?

Thank you.