问题标签 [bit-src]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
682 浏览

sass - 将一个 scss 文件读入一个变量,这样我就可以循环遍历它

因此,在我的 Storybook 项目中,我引入了一个 bitstrc 样式表,它是一个“.scss”文件。它工作正常。这个问题开始发挥作用,因为我想迭代它并显示颜色样本。有谁知道这是怎么做到的?

现在,按当前构建是:汇总这是我的配置:

};

对于上下文,这是我的文件夹结构:

所以,我可以在我的 scss 文件中导入“@bit ...”。但我有两个问题。

  1. 如何让我的风格包含在我的 .stories 文件中?

在我正在做的BUTTON.STORIES 文件中 :工作正常,我可以访问样式。

我想要做:

  1. 如果,除此之外,如果我不能像这样导入:“来自'./Button.scss'的常量样式;有没有办法将它放入一个对象中,以便我可以迭代它并显示颜色样本?

按钮故事

然后...获取这些颜色变量并创建色板。

当然,当我这样做时,现在:

颜色是一个看起来像这样的对象:

注意:我最终将 .storybook/ 文件夹中的 'main.js' 修改为以下内容,所以现在我使用“从 './Button.scss' 导入样式。我放弃了“导入 Button.scss”。

但是,我没有尝试通过样式来查看,但我想我现在可以……但我没有尝试过。现在这样做: