Компонент Styling React со стилями из фреймворков - PullRequest
0 голосов
/ 08 мая 2018

Я пытаюсь загрузить стили из других фреймворков в мои компоненты в 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');

EDIT

Структура проекта

1 Ответ

0 голосов
/ 08 мая 2018

Полагаю, ваш код принадлежит файлу 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> теги

...