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');

修改

Project structure

Answer 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>标签

之后

样式使用框架中的样式来反应组件

1 个答案: