How to dynamically bundle specific views and SDKs for different clients in a Vue.js application?

I am working on a Vue.js application that contains multiple views and consumes several SDKs, which are service providers imported via the package.json. Here is the project structure:

- /src
  - /views
    - abc
    - xyz
  - other folders 
- /package.json
- /routes.js

I’m using vue-cli-service to build the application. Right now, the application is built with all views and SDKs (service providers). However, I need to share the code selectively with different stakeholders:

  1. View Owners: I want to share only specific views without exposing the entire application structure.
  2. Service Provider SDK Owners: Similarly, I need to share specific SDK-related code without revealing which other service providers we are using.

Current Approach:

I plan to write a script that:

  • Takes the service provider and view as parameters.
  • Deletes all other views and service provider dependencies from the package.json.
  • Then sharing with respective owners.

While this approach works, I’m concerned about its scalability and whether there’s a more efficient solution to handle this kind of selective sharing the code base for multiple clients and views.