一、用create-react-app搭建的项目,运行npm run eject释放配置之后,引入storybook,遇到如图

 sass引入解析错误
解决方法 .storybook文件夹下sass如下配置

main.js
const
path = require('path'); const resolve = (pathName) => path.resolve(__dirname, pathName); module.exports = { "stories": [ "../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)" ], "addons": [ "@storybook/addon-links", "@storybook/addon-essentials" ], webpackFinal: async (config) => { config.resolve.alias['@'] = resolve('../src'); config.module.rules.push({ test: /\.scss$/, use: ['style-loader', 'css-loader', 'sass-loader'] //使用这种方式引入 }); return config; } }

 

posted on 2021-10-28 16:20  执候  阅读(17)  评论(0编辑  收藏  举报