Howto
How isolate works internally
isolate is made up of two main parts:
- A Node.js API that is exposed to app/library developers (aka consumers). The API allows consumers to isolate Vue components.
- A regualar Vue CLI app. This app is responsible for rendering one isolated component at a time.
Under the hood the Node.js part is using the Webpack configuration from the app and modifies it slightly. The API has two main features: build and serve. build creates a production build of the isolated component app that you can serve. serve simply serves what build would produce.
A consumer is supposed to proxy requests to the underlying dev server in order to display isolated components.