向 SPA 添加样式的最佳方法是什么？答案

【问题标题】：Which is the best approch to add styles to SPA?向 SPA 添加样式的最佳方法是什么？
【发布时间】：2015-03-12 07:42:22
【问题描述】：

我正在使用insert-CSS 节点模块向 DOM 添加样式，这在内部添加了嵌入式方法。到目前为止，我的理解是使用外部样式表是最好的方法。但是在使用插入 CSS 时，将 css 添加到 js 包并动态地将 css 嵌入到 .所以使用外部 CSS 看起来也一样.. 并且 css 将与 js 一起缓存，并且会有一个文件（js+css）我们可以避免一个加载 CSS 的 http 请求？

我觉得这种 insert-css 比传统方法（外部 css）更好，对吗？请向我提出您的想法并添加一些文档以供参考。

所以我的问题是使用“insert-css npm”或“external css”哪个是最好的方法

【问题讨论】：

外部 CSS 是在 SPA 中使用的最佳选择外部样式表有很多优点。将样式与 HTML 内容分开： - 有助于避免重复。 -使维护更容易。 - 允许您在一个地方进行站点范围的更改。
谢谢@shanidkv：我和你在一起，这是传统的想法。但是这种方法消除了一个 css 文件 http 请求，对吗？对于开发，我们需要考虑维护，但在生产中我们需要考虑性能。那么您对这方面有什么想法/想法吗？
找到下面的链接。希望你能得到所有问题的答案developer.yahoo.com/performance/rules.html
@shanidkv ：感谢您的参考。

标签： css single-page-application reactjs

【解决方案1】：

我没有找到关于这个问题的有用信息并分享我的经验。

我个人的建议是不要将“insert-css”模块用于简单的项目，例如处理表单和最少数量的组件。

"insert-css" - 如上所述，"insert-css" 添加嵌入的样式，在网络中，它以 base64 格式传递。虽然在网络中权重较小，但是浏览器需要将base64格式转换为css并添加嵌入的css，这个转换过程会发生在js端，我猜这会导致性能问题

【讨论】：