Storybook for EJS

├ .storybook
│  ├ config.js
│  └ webpack.config.js
└ src
   ├ components
   │  └ button.ejs
   └ stories
      └ button.stories.js

npm install --save-dev @storybook/html babel-loader @babel/core ejs-compiled-loader

{
  "scripts": {
    "storybook": "start-storybook"
  }
}

// .storybook/config.js

import { configure } from '@storybook/html'

function loadStories() {
  const req = require.context('../src/stories', true, /\.stories\.js$/)
  req.keys().forEach(filename => req(filename))
}

configure(loadStories, module)

// .storybook/webpack.config.js

const path = require('path')

module.exports = async ({ config }) => {
  config.module.rules.push({
    test: /\.ejs$/,
    loaders: ['ejs-compiled-loader'],
    include: path.resolve(__dirname, '../src/components')
  })

  return config
}

<!-- src/components/button.ejs -->
<button><%=label%></button>

// src/stories/button.stories.js

import { storiesOf } from '@storybook/html'
import buttonTemplate from '../components/button.ejs'

storiesOf('Button', module)
  .add('with text', () => buttonTemplate({ label: 'Button！' }))

npm run storybook