diff --git a/.storybook/main.js b/.storybook/main.js index e927ab5..88de7fc 100644 --- a/.storybook/main.js +++ b/.storybook/main.js @@ -6,7 +6,6 @@ module.exports = { addons: [ "@storybook/addon-links", "@storybook/addon-essentials", - "@storybook/preset-create-react-app", '@storybook/preset-scss', '@storybook/addon-backgrounds' ] diff --git a/.storybook/preview.js b/.storybook/preview.js index 2d717ca..9141eb0 100644 --- a/.storybook/preview.js +++ b/.storybook/preview.js @@ -1,7 +1,4 @@ -// old way to import scss file -import '!style-loader!css-loader!sass-loader!../src/index.scss'; -// WORKAROUND: use normal import when running test -//import '../src/index.scss'; +import '../src/index.scss'; export const parameters = { actions: { argTypesRegex: "^on[A-Z].*" }, @@ -32,4 +29,4 @@ export const parameters = { }, ], }, -} \ No newline at end of file +} diff --git a/src/assets/style/_images.scss b/src/assets/style/_images.scss index 44ecba9..c43908b 100644 --- a/src/assets/style/_images.scss +++ b/src/assets/style/_images.scss @@ -3,7 +3,7 @@ height: 40px; background: center / cover no-repeat url(../images/logo-ANSWER.svg); // For storybook ↓ - //background: center / cover no-repeat url(./assets/images/logo-ANSWER.svg); + //background: center / cover no-repeat url(/src/assets/images/logo-ANSWER.svg); &.logo--sm { width: 40px; diff --git a/src/components/HomeScreen.js b/src/components/HomeScreen.js index c89742a..13a3f19 100644 --- a/src/components/HomeScreen.js +++ b/src/components/HomeScreen.js @@ -13,13 +13,6 @@ export default function HomeScreen() {
- Current official SCSS support of Storybook is not working. - Workaround is required. - Please refer to here. -
-Path resolving mechanism is different between node-scss and webpack style loaders. Please refer to This issue.