使用框架中的样式设置 React 组件的样式

Question

我正在尝试将样式从另一个框架上传到我在 React 中的组件。我没有在 videojs 文档中找到有关此的信息。目前，我正在通过 cdn 上传样式，如下所示：

<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/6.3.3/video-js.css" rel="stylesheet">

我正在本地上传脚本，但我如何使用样式执行此操作？我正在使用 scss，所以对于我的样式，我正在使用这个：

require('.././styles/style.scss');

编辑

项目结构

Answer 1

我假设您的代码属于索引.html文件(根路径如下所示：https://i.stack.imgur.com/POPhJ.png(

因此，您需要添加SCSS文件，例如：

<link rel="stylesheet/scss" type="text/css" href="styles/contact.scss">
<link rel="stylesheet/scss" type="text/css" href="styles/desktop.scss">
<link rel="stylesheet/scss" type="text/css" href="styles/mobile.scss">
<link rel="stylesheet/scss" type="text/css" href="styles/other.scss">
<link rel="stylesheet/scss" type="text/css" href="styles/reset.scss">
<link rel="stylesheet/scss" type="text/css" href="styles/style.scss">
<link rel="stylesheet/scss" type="text/css" href="styles/tablet.scss">

紧随其他<link>标签之后或之前