我正在使用 insert-CSS
节点模块向 DOM 添加样式,这在内部添加了嵌入式方法。
到目前为止,我的理解是使用外部样式表是最好的方法。但是在使用插入 CSS 时,css 添加到 js 包中并动态地将 css 嵌入到 .所以这看起来也与使用外部 CSS 相同.. 并且 css 将与 js 一起缓存并且将有一个文件(js + css)我们可以避免一个加载 CSS 的 http 请求?
我觉得这个 insert-css 比传统方法(外部 css)要好,对吗?请向我提出您的想法并添加一些文档以供引用。
所以我的问题是使用“insert-css npm”或“external css”哪种方法最好
最佳答案
我没有找到关于这个问题和分享我的经验的有用信息。
我个人的建议是不要将“insert-css”模块用于简单的元素,例如处理表单和最少数量的组件。
“insert-css”——如上所述,“insert-css”添加嵌入样式,在网络中,它以 base64 格式传递。虽然它在网络中的权重较小,但浏览器需要将 base64 格式转换为 css 并添加嵌入式 css,这个转换过程会在 js 端发生,我猜这会导致性能问题
关于css - 向 SPA 添加样式的最佳方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27937595/