[AIRAVATA-3454] Optimize web component library build

• Type: Task
• Status: Open
• Priority: Major
• Resolution: Unresolved
• Epic Link: Create experiment web components
• Assignee: Marcus Christie
• Reporter: Marcus Christie
• Created: 20/Apr/21 15:33
• Updated: 20/Apr/21 15:33

Description

Can we build for modern browser and load via `<script type="module">` (see https://github.com/vuejs/vue-web-component-wrapper#usage which shows this is supported, but need to figure out how to do this with vue-cli)?

Also, what can we externalize?

• Vue? Load from common?
• AiravataAPI

The goal is to cut down the size of the built JS and CSS bundle as much as possible to keep it lightweight.