Я пытаюсь создать приложение с помощью Gatbsy.
1) Я установил зависимость
npm install --save node-sass gatsby-plugin-sass
2) Я добавил плагин
plugins: [`gatsby-plugin-sass`],
3 ) Я создаю простой класс в component.module.scss
.header {
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
background-color: rgba(53, 56, 73, 0.95);
}
и
const Header = (): JSX.Element => (
<div>
<header className="header alt">
4) Затем я импортировал css в компонент
import "./header.module.scss"
const Header = (): JSX.Element => (
5) Я запускаю разработку
gatsby develop
Но когда я проверяю, css не применяется