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

标签 css single-page-application reactjs

我正在使用 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/

相关文章:

css - div 内的空间元素

reactjs - 使用 React + Redux-ORM 的选择器。将数据传递给子组件

blazor - 手动更新 Blazor WebAssembly 应用程序

javascript - Vue.js 根据条件绑定(bind)到类

javascript - 如何根据那里的键在平面列表中选择多个值

javascript - 一个月内的小时数的数学函数

javascript - 悬停/鼠标悬停时背景图像消失,菜单在 IE 中不起作用

jquery - CSS 日期选择器

html - 对于 IE 7,表格的 <tr> 似乎不能有边框,但我也没有在谈论 <tr> 边框的书中看到?

ember.js - 那些不使用后端框架(例如 Rails/Symfony/Django)的人如何开发和部署 Ember 应用程序的 Assets ?