使用 Angular 11 将 CSS 提取到 JS（不推荐使用的 extractCss）

Question

我们正在使用 Angular 11 应用程序来创建 Web 组件。为此，有必要将所有样式内联捆绑到一个 JS 文件中。在 Angular 11 之前，我们过去常常使用extractCss: falsethenangular.json配置来做到这一点。现在这个选项已被标记为已弃用，我还没有找到任何关于现在应该如何完成的文档。注意。目前extractCss: false仍然有效。

Answer 1

Angular CLI 11.0 的更改之一是弃用了extractCss配置属性。

出现错误“extractCss 已弃用”是因为它现在的默认值为 true。extractCss可以安全地从angular.json升级原理图中或在升级过程中移除应该为您做的。这意味着我们styles.js在应用程序构建期间不再使用。升级后，迁移示意图应删除未使用的属性或将其替换为新的替代项。

https://angular.io/cli/build

--extract-css

已弃用：自 11.0 版起已弃用。不再需要为 HMR 禁用 CSS 提取。将全局样式中的 CSS 提取到“.css”文件而不是“.js”文件中。

Answer 2

删除 angular.json 中的 extractCss 解决问题

“extractCSS”：正确