UMD for a single component?
-
I’ve got an interesting use case. I’ve made Vue SPAs before but never have had to implement something of this nature.
We’re developing this project to be deployed as a cordova mobile app, a web app, a UWP app, and we also need to integrate a specific portion into our existing project.
I’ve really got no idea where to start with the “inject into existing project” portion. Ideally we could transpile a component into a JS+CSS file, include that into our existing project, and then call something like
Component.open(params);
in our native JS, which would ideally open the component in a fullscreen modal/overlay.Now, I know with a native component I could do something like
Component().$mount('div');
to mount it to the overlay, however I’m not quite sure on where I should start to add/change tooling so I can export this specific component into a format that isn’t SPA and is just a component. I know this is a very abnormal use case so I’m just putting feelers out there.I thought Quasar’s UMD was what I was looking for but I’m not so sure. Ideally I want to be able to export just a single component and then use it like I would via a router. Right now the current solution I’ve implemented is just an iframe, but it is far from ideal.
-
Ah. I think I’ve got a solution that is workable. Loading the iframe in the background and communicating via sendMessage.