向 SPA 添加样式的最佳方法是什么?

Which is the best approch to add styles to SPA?

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

我觉得这个 insert-css 比传统方法(外部 css)好,对吗?请向我提出您的想法并添加一些文档以供参考。

所以我的问题是在使用 "insert-css npm" 或 "external css"

中哪种方法最好

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

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

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