스토리북
-
scss 에서 global styles가 스토리북에 적용안되는 문제코드잇 2024. 5. 3. 16:22
Storybook에서 SCSS로 작성된 전역 스타일을 적용하려면, .storybook/preview.js 파일에서 해당 SCSS 파일을 import해야 합니다.예를 들어, global.scss라는 전역 스타일 파일이 있다면, 다음과 같이 import할 수 있습니다:import '../styles/global.scss'; 이렇게 하면, Storybook에서 global.scss 파일의 스타일이 적용됩니다.또한, SCSS 파일을 처리하려면 Storybook의 webpack 설정을 수정해야 합니다. .storybook/main.js 파일에서 webpackFinal 설정을 다음과 같이 추가하세요:이제 Storybook에서 SCSS로 작성된 전역 스타일을 적용할 수 있습니다. module.exports = { ..