在index.html中使用`<link rel=“样式表”href=..video.scss`与使用` `import '../video.scss`有什么不同？

Question

我是Reactjs，Javascript的初学者，正在学习一些教程和注意事项

对于样式表，有些人在React Component中这样做

import '../../styles/video.scss

有些人在index.html中这样做：

<link rel="stylesheet" href="./css/styles.css">

什么时候使用什么，什么是ReactJs的首选

Answer 1

import '../../styles/video.scss'

这绝对是要走的路。

最大的不同就是这样进口的东西都是通过webpack管道拉出来的，比如装载机。负责转译link的加载器查找SASS导入，但它无法转译索引中的SASS。简单地说，您不能将sass & friends作为link导入。

另一件事是，你一直往索引中扔东西，它会变得非常快，变得混乱。

此外，您的案例只提到全局css导入，这是唯一可以通过索引中的link执行的操作。像模块化css这样的东西只能作为模块导入使用。