使用Angular 11将CSS解压到JS中(不推荐使用extractCss)

Question

我们正在使用Angular 11应用程序来创建web组件。为此，有必要将所有样式内联到单个JS文件中。在Angular 11之前，我们通常在angular.json配置中使用extractCss: false。现在这个选项已经被标记为已弃用，我还没有找到任何关于现在应该如何完成此操作的文档。注意：目前，extractCss: false仍然可以正常工作。

Answer 1

Angular CLI11.0的更改之一是不推荐使用extractCss配置属性的。

出现错误“extractCss is deprecated”是因为它现在的默认值为true。可以从angular.json中安全地删除extractCss，或者在升级期间schematics应为您执行此操作。这意味着我们在应用程序构建期间不再使用styles.js。升级后，移植示意图应删除未使用的特性或将其替换为新的替代方案。

https://angular.io/cli/build

--提取-css

不推荐使用:从11.0版开始不推荐使用。不再需要为HMR禁用CSS提取。从全局样式中提取CSS到'.css‘文件，而不是’.js‘。

Answer 2

我在新的Angular 13上遇到了这个问题，在我的例子中，我通过向app.component.scss添加样式解决了这个问题