欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

如何在文檔頁面上顯示HTML故事書中的CSS/Sass源代碼?

洪振霞2年前9瀏覽0評論

使用Storybook為HTML顯示組件的CSS/Sass源代碼有可能嗎?

我想在組件文檔中自動顯示Sass源代碼,但不幸的是,我看不到任何可能性。

例如:

我已經創建了ExampleComponent.stories.js文件:

import exampleComponent from './ExampleComponent.html';
import './ExampleComponent.scss';

export default {
    title: 'Components/ExampleComponent',
    component: exampleComponent,
};

export const ExampleComponent= () => exampleComponent;

在ExampleComponent.html我只是放了一些簡單的HTML代碼:

<hr class='temp-test'>

在ExampleComponent.html我只是放了一些簡單的Sass代碼:

.temp-test {
    width: 500px;
    background: #ff0;
}

預覽: 使用HTML和Sass創建組件的示例

在Docs頁面上,我可以看到從importend HTML組件自動生成的HTML代碼。這種可能性也適用于CSS/Sass文件嗎?

我已經檢查了故事書的源代碼,使用它,我只需粘貼代碼即可呈現它: 粘貼的Sass代碼預覽,粘貼的Sass源代碼。

但是我對這個解決方案不滿意,因為我必須記住在這個地方也要修改代碼。

有沒有可能從導入的Sass文件在Doc頁面自動顯示Sass源代碼?

我也檢查了一些插件,主要是他們的行為和上面描述的完全一樣,所以安裝一些額外的東西來得到相同的結果是沒有用的。

預先謝謝你的幫助。