Howto

How isolate works internally

isolate is made up of two main parts:

1. A Node.js API that is exposed to app/library developers (aka consumers). The API allows consumers to isolate Vue components.
2. 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.