Angular9 + NX + Storybook : Why are my Scss styles getting ignored in Storybook ? 没有错误

Question

嗨，有没有人在 NX 工作区中使用 Scss/Sass 在 Storybook 中使用 Angular9+？
有工作指南吗？它对我不起作用，所以我可能做错了什么。
(故事书和 NX 的新内容)
该应用程序运行良好 - Sass 使用没有问题，但在 Storybook 中被忽略。
我已经遵循了许多示例，但没有应用这些样式。
我正在使用 NX App-shell 和 Libs 方法。
网上其他人的建议是图书馆不要在 Angular.json 中使用样式导入
我已经尝试过这里的解决方案(但对我不起作用)https://github.com/storybookjs/storybook/issues/5684

Answer 1

您需要使用 sass-loader 在 .storybook/config.js 文件中添加指向 scss 的链接，例如:

import '!style-loader!css-loader!sass-loader!../../shared/styles/src/lib/main.scss';

引用: https://github.com/storybookjs/storybook/issues/6364#issuecomment-485651328