css - React 应用程序中导入 css 或链接 css 有什么区别？

Question

在 React 应用程序中，我可以使用 import 包含我的 CSS或 <link>它在 index.html 文件中(例如来自 CDN)。
有什么区别？
这两种方法之间是否存在显着的性能差异？

明确地说，我指的是从 *js 或 *.jsx 文件中导入的这种类型:

import React, { Component } from "react";
import "bootstrap/dist/css/bootstrap.css";

Answer 1

从理论上讲，它们之间的唯一区别是import 是包含样式表的CSS 机制和HTML 机制。但是，浏览器以不同的方式处理它们，从而在性能方面具有明显的优势。

此外，使用该标记还可以定义“首选”样式表和备用样式表。你不能用导入来做到这一点。

总的来说，标签的处理速度比导入规则快(就 css 处理引擎而言，它显然有点慢)。