Skip to content

Ability to bundle async web components by group #4871

Open
@spaceemotion

Description

@spaceemotion

What problem does this feature solve?

Currently, each web component is loaded via its own file. There is no way to give them names, so in one release .1.js could mean a date picker, and in the next it could be a modal component.

It would be helpful to have a way to group them by name like .forms.js.

If there is a way to register components in a JS file, without using the web component target directly, Using the webpackChunkName hint would work as well.

What does the proposed API look like?

The ability to chain a group parameter like so:

vue-cli-service build
  --target wc-async
  --inline-vue
  --name foo
  --group=input:src/components/input
  --group=layout:src/components/layout
   'src/components/**/*.vue'

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions