GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-03 05:04:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

CLI templates: HTML => module format

Browse Source
This commit is contained in:
Michael Shilman 2019-07-20 17:03:18 +08:00
parent f44959a445
commit fa662da49d
2 changed files with 15 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
lib/cli/generators/HTML/template/.storybook/config.js
View File

@ -1,9 +1,4 @@
import { configure } from '@storybook/html'; import { load } from '@storybook/html';
// automatically import all files ending in *.stories.js // automatically import all files ending in *.stories.js
const req = require.context('../stories', true, /\.stories\.js$/); load(require.context('../stories', true, /\.stories\.js$/), module);
function loadStories() {
req.keys().forEach(filename => req(filename));
}
configure(loadStories, module);

23
lib/cli/generators/HTML/template/stories/index.stories.js
View File

@ -1,12 +1,15 @@
import { document, console } from 'global'; import { document, console } from 'global';
import { storiesOf } from '@storybook/html';
storiesOf('Demo', module) export default {
.add('heading', () => '<h1>Hello World</h1>') title: 'Demo',
.add('button', () => { };
const button = document.createElement('button');
button.type = 'button'; export const heading = () => '<h1>Hello World</h1>';
button.innerText = 'Hello Button';
button.addEventListener('click', e => console.log(e)); export const button = () => {
return button; const btn = document.createElement('button');
}); btn.type = 'button';
btn.innerText = 'Hello Button';
btn.addEventListener('click', e => console.log(e));
return btn;
};