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

标签 angular sass storybook nrwl-nx

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

最佳答案

您需要使用 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

关于Angular9 + NX + Storybook : Why are my Scss styles getting ignored in Storybook ? 没有错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62888353/

相关文章:

css - 移除 Bootstrap 4 按钮轮廓 Mixin

javascript - 类型中缺少属性 'children'

vue.js - 无法在 Storybook 中使用 @ 解析 Vue 组件

storybook - React 中 Storybook 中的模块加载问题(初始化前无法访问 'some_variable')

css - 我可以使用 mixins 删除网格模板列吗?

css - Foundation + SASS/SCSS 自定义大小

java - 如何在FORM中进行POST提交到angular2并将对象值传递给REST服务?

Angular 2 : pass a value to the route data resolve

angular - ui-grid angular js - 单元格卡在编辑模式

angular - PrimeNG TreeTable 无法获取行索引