在index.html中使用`<link rel =“ stylesheet” href = .. video.scss`与使用`import'../ video.scss`有什么区别?

问题描述

我是Reactjs,Javascript的初学者,并且正在经历一些教程和注意事项
对于样式表,有些人在React Component中是这样的:

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

,有些在index.html中做到了这一点:

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

何时使用ReactJs以及首选使用什么

解决方法

TMP_Text

这绝对是要走的路。

主要区别在于,以这种方式导入的内容将通过webpack管道(例如装载程序)拉出。负责编译SASS的加载程序会查找ES6导入,并且无法在索引中转换@RequestMapping(value = "/statistic",method = RequestMethod.GET,produces = {MediaType.APPLICATION_JSON,MediaType.APPLICATION_XML}) @ResponseBody // add this one public GamerData[] getStatistic() {} 。简而言之,您不能将sass和朋友导入为import '../../styles/video.scss'

另一件事是,您不断将内容放入索引中,它会迅速增长并变得混乱。

此外,您的案例仅提及全局css导入,这是您唯一可以通过索引内部的link执行的操作。诸如模块化css之类的内容仅可作为模块导入使用。