css - 向 SPA 添加样式的最佳方法是什么？

Question

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

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

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

Answer 1

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

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

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