[storybook] 无法使用scss文件定义的样式

使用storybook, 无法使用scss文件, 在网上搜索多种方案, 要配置webpack, 以及安装各种loader, 最后还是失败, 最终寻找到一个解决方法

https://github.com/storybookjs/storybook/issues/17768

把sass文件编译成css, 然后通过storybook的配置文件导入

项目结构

package.json里的script脚本

    "sass": "sass --watch ./src/styles/index.scss ./.storybook/main.css"

编译

yarn sass

生成了css

配置preview.js(只需要添加导入css的语句)

import './main.css';

运行,样式生效