index.html 不包括浏览器上的链接

Question

你好，在我的 React js 项目中，我包含了 blueprint.js 库的 <link>，但浏览器无法识别它们。相反，我将它们导入 index.js 文件然后它就可以工作了。有人可以简要解释为什么浏览器无法识别它们吗？

index.html

<link rel="stylesheet" type="text/css" href="./src/index.css" />
<!-- add other blueprint-*.css files here -->
<link href="./node_modules/normalize.css/normalize.css" rel="stylesheet" />
<!-- blueprint-icons.css file must be included alongside blueprint.css! -->
<link href="./node_modules/@blueprintjs/icons/lib/css/blueprint-icons.css" rel="stylesheet" />
<link href="./node_modules/@blueprintjs/core/lib/css/blueprint.css" rel="stylesheet"/>

index.js

import 'normalize.css'
import '@blueprintjs/core/lib/css/blueprint.css'
import '@blueprintjs/icons/lib/css/blueprint-icons.css';

当我注释掉我的导入 index.js 网络浏览器不包含 link 为什么？

Answer 1

当您 build 您的项目时，

node_modules 将不存在，因此它超出了范围。您将只能引用 index.html 中位于 public 文件夹或外部（如 CDN）

的内容

index.html 不包括浏览器上的链接

index.html does not include links on browser

blueprint

reactjs