css - Angular 组件样式预算

Question

为什么在 Angular 的单个组件的 css 中放置大量 css 是不好的？默认情况下，当我超出 package.json 中定义的预算（即 2 MB）时，我会收到警告。

我有以下情况。我正在制作一个由用户仪表板和轮盘赌组成的 casnio webapp。轮盘具有与仪表板完全不同的 css，因此我正在考虑将其放入单独的组件中。但是，我试图弄清楚，为什么不建议在单独的组件中放置大量 css，因为它显然会减慢应用程序的速度，而将相同的 css 放入主要的样式中。css 不会减慢它下降多少

标签： cssangular

Answer 1

这是因为在您的 component-css 中定义的 css 被捆绑到 javascript 源代码中，而 styles.css 是一个独立的文件。

适合您的问题的解决方案：为您的轮盘赌样式创建一个 css 文件并将其导入您的 styles.css