How to build web components now, when the extractCss is deprecated?

See original GitHub issue

Which @angular/* package(s) are the source of the bug?

compiler

Is this a regression?

No

Description

Option “extractCss” is deprecated: Deprecated since version 11.0.

How to build angular custom components now, in case we need styles.js, not styles.css

We can add --extractCss=false to the build script but anyway see the error in the console - Option “extractCss” is deprecated: Deprecated since version 11.0. No longer required to disable CSS extraction for HMR.

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

Option "extractCss" is deprecated: Deprecated since version 11.0. No longer required to disable CSS extraction for HMR.

Please provide the environment you discovered this bug in (run ng version)

Angular CLI: 12.0.2
Node: 14.17.5
Package Manager: npm 7.21.1
OS: win32 x64

Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1200.2 (cli-only)
@angular-devkit/core         12.0.2 (cli-only)
@angular-devkit/schematics   12.0.2 (cli-only)
@schematics/angular          12.0.2 (cli-only)

Anything else?

No response

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:1
  • Comments:7

github_iconTop GitHub Comments

1reaction
artaommahecommented, Nov 19, 2021

@alan-agius4 using material dialog or cdk/overlay requires global styles. Target platform (for wigets) can be anything, event without angular or any other framework

0reactions
angular-automatic-lock-bot[bot]commented, Jan 23, 2022

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to build web components now, when the extractCss is ...
Option "extractCss" is deprecated: Deprecated since version 11.0. No longer required to disable CSS extraction for HMR. Please provide ...
Read more >
Extracting CSS into JS with Angular 11 (deprecated extractCss)
I mean, the question was: how to build web components now, that the extractCss is deprecated? – Vlad. Jul 2, 2021 at 13:08....
Read more >
What's new in Angular CLI 11.0? - Ninja Squad
The extractCss has now a default value of true and has been deprecated: you can remove it from your angular.json config (or let...
Read more >
As described in the article, you can set the option extractCss to ...
Hope this'll help! 1.
Read more >
Angular 13 in Depth - Sébastien Dubois
Moreover, the Angular team can now focus on evergreen Web ... createComponent now accepts a component instance of will take care of creating...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found