使用来自框架的样式设置 React 组件的样式答案

【问题标题】：Styling React component with styles from frameworks使用来自框架的样式设置 React 组件的样式
【发布时间】：2018-10-18 03:20:28
【问题描述】：

我正在尝试将样式从另一个框架上传到我在 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');

编辑

Project structure

【问题讨论】：

请发布您的项目结构，以便我们为您提供路径
好的，我上传了我的项目结构

标签： css reactjs sass styles video.js

【解决方案1】：

我假设您的代码属于 index.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> 标签之后或之前

【讨论】：