免责声明：有关CSS的一些问题以及对单个或多个CSS文件的争论，但我认为这有点不同
我有一个使用Angular Material 2的相当大的Angular 7应用程序，我想介绍主题。将在用户登录时检索每个主题（主题保存在服务器上，用户无法更改）。
问题主要在于是否最好使用每个主题的顶级类（主体或应用程序容器）导出单个CSS文件，仅替换为每个主题更改的类或延迟加载新的css文件。主css文件，只有被覆盖的类。
我对第一个选项的最大担心是获得一个巨大的单个CSS文件。当前文件已经大约300kb（未经识别的CSS大约是11k行代码），主题范围从每个200-500行，可能有10多个主题，文件可以很容易地获得两倍甚至三倍的数量。
另一方面，延迟加载的CSS可能会导致用户下载2个较小的文件，但影响可能会更糟。例如，需要在Angular CLI中使用单独的配置导出延迟加载的CSS文件，并且名称需要是特定的，因此可以在登录时从Angular加载，这意味着如果某些内容发生更改而且没有版本控制，则缓存可能会成为问题（例如。 theme-blah-2.17.css）在文件名中也是不可能的。可能还有其他我目前无法想到的含义。