构建Angular库后无法将SCSS与Storybook一起使用

Question

我正在一个项目中，我们已经使用Angular CLI构建了Angular库。

我们正在使用Storybook来测试组件。我是一个故事书菜鸟，但发现它的设置相对简单。但是，我正在努力让scs编译成CSS。因此，当测试有问题的按钮时，它不能呈现正确的CSS。

我已根据Storybook文档添加了以下文件：

Get-Counter

进一步了解 我正在构建一个Angular库，所以这意味着没有应用程序。 为了测试库的组件，我使用了Storybook和SCSS。

有人以前见过这种类型的问题吗？任何帮助将不胜感激。

Answer 1

感谢任何看过这个的人。

我们最终弄清楚了。我们在按钮组件文件中使用了一个枚举：

最初是这样的：

test

上述代码的问题在于，它正在将值0分配给primary。枚举是由故事书按其int值呈现的，而不是像角度那样将其字符串化。因此，SASS可以很好地进行编译，而只是没有按照我们的期望进行编译。

将其更改为此：

enum ButtonStyle {
  primary
  
}