Angular9 + NX + Storybook：为什么我的 Scss 样式在 Storybook 中被忽略了？没有错误答案

【问题标题】：Angular9 + NX + Storybook : Why are my Scss styles getting ignored in Storybook ? No errorsAngular9 + NX + Storybook：为什么我的 Scss 样式在 Storybook 中被忽略了？没有错误
【发布时间】：2020-11-03 09:16:48
【问题描述】：

您好，有人在 NX 工作区中使用 Scss / Sass 使用 Storybook 获得 Angular9+ 吗？

有工作指南吗？它对我不起作用，所以我可能做错了什么。（Storybook 和 NX 的新功能）该应用程序运行良好 - Sass 使用没有问题，但在 Storybook 中被忽略。我遵循了许多示例，但没有应用样式。

我正在使用 NX App-shell 和 Libs 方法。网上其他人的建议是库不要在 Angular.json 中使用样式导入

我已经尝试过这里的解决方案（但不适用于我）https://github.com/storybookjs/storybook/issues/5684

【问题讨论】：

标签： angular sass storybook nrwl-nx

【解决方案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

【讨论】：

谢谢@johann，但我在我的项目中尝试了多个库，但它对我不起作用。