@KononovD

Как в storybook подключать базовые стили и шрифты?

Здравствуйте, пишу сайт на реакте. В сторибуке пока делаю компоненты.
Возник вопрос как правильно подключить шрифты стили в сторибук.
Иерархия проекта следующая:
-.storybook
    -config.js
    -webpack.config.js
    -preview-head.html (сюда руками базовые стили и шрифты подключаю, но шрифты не подхватывает)
-node__modules
-public
    -fonts
         - тут шрифты.woff
    -img
        - картинки
    -favicon.ico
    -index.html
-src
    -components
        - тут компоненты
    -containers
        - тут контейнеры
    -pages
        - тут страницы
    -App.jsx
    -Fonts.styl (тут подключаются шрифты и импортируются в Main.styl)
    -index.js
    -Main.styl
    -Variables.styl (тут переменные)
-.browserslistrc
-.gitignore
-package-lock.json
-package.json

Получается я беру preview-head.hml и в нем ручками пишу базовый css ( для всей страницы и подключаю шрифты:
@font-face {
    font-family: 'FuturaBook';
    font-weight: normal;
    src: url('../public/fonts/FuturaBookC.woff'), format('woff'), ;
  }

вот один font-face
может, конечно, я с путями накосячил, но я не знаю откуда сторибук считает относительный путь.
Может надо подключать .styl-файлы напрямую в webpack.config в .storybook?

Спасибо
  • Вопрос задан
  • 1067 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы