Missing CSS import in Web Component app

[luchsamapparat]

Expected Behavior

When creating a new a web component application, a custom element named AppElement is automatically generated. Alongside the ts file, there's also a .css file (or whatever style you chose), however, that file is not imported by the ts file and therefore not part of the build. I'd expect that there's an import on that file.

Current Behavior

The file is not imported anywhere.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. create-nx-workspace web-component-poc
2. choose web component

Context

Please provide any relevant information about your setup:

• version of Nx used: 7.8.9
• version of Angular CLI used 7.3.1
• angular.json configuration as generated
• version of Angular DevKit used 7.3.1

Other

import './app.element.css'; // 👈 that's missing

export class AppElement extends HTMLElement {
  public static observedAttributes = [];
...

[luchsamapparat]

In case this is indeed a bug and not intended behavior, I could provide a PR

[vsavkin]

@luchsamapparat
This is a bug. It'd be awesome if you could send a PR fixing it.

[github-actions]

This issue has been closed for more than 30 days. If this issue is still occuring, please open a new issue with more recent context.