使用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源代碼?
我也檢查了一些插件,主要是他們的行為和上面描述的完全一樣,所以安裝一些額外的東西來得到相同的結果是沒有用的。
預先謝謝你的幫助。
上一篇c 兩個json合并
下一篇c 中json庫下載