angular / angular/angular-cli

Add Angular Elements to the "ng g library" compilation's results

Open
#13,999 23 comments 81 reactions 0 assignees View on GitHub
area: @schematics/angular feature feature: under consideration
Dominant language
TypeScript
Stars
27k
Forks
11.8k
Avg merge
14h 23m
Merged PRs (30d)
162

Description

# 🚀 Feature request

### Command (mark with an `x`)
```
- [x] generate
```

### Description
We know that the "ng g library" helps us with the creation of reusable libraries. The components we create into ous libs can be compiled into multiple JS formats (ES2015, ES5, UMD, ...), which is awesome! Thank you CLI team! However, would it be possible to have them compiled into Web Components as well?

### Describe the solution you'd like
I know that Angular Elements assist with the creation of Web Components. However, I was not able to add Elements to the libs created to "ng g library". Nonetheless, rather than adding it manually... it would be amazing if the CLI team could add that capability to the "ng g library" directly... so that this cmd could insert the necessary configuration for the ng-packager to use and automatically build Web Components alongside the ES2105, UMD, and other formats.

### Describe alternatives you've considered
None yet.

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the `ng g library` generation flow and how ng-packager configuration controls library compilation outputs. The work is done when generated libraries can build Angular Elements/Web Components alongside the existing ES2015, ES5, UMD, and other formats.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
build-system, cli
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.