Использование Storybook для рендеринга компонентов EJS - PullRequest
Новая
       7

Использование Storybook для рендеринга компонентов EJS

0 голосов
/ 27 ноября 2018

Я пытаюсь визуализировать компоненты EJS, используя Storybook.У меня есть два компонента, которые я тестирую, paragraph и title.Они находятся в `views / partials 'из моего корневого каталога.

Мои истории расположены в root/stories/index.js.

Вот как выглядит файл: 

import { storiesOf } from '@storybook/html';
import '../style.css'
import ejs from 'ejs'

storiesOf('EJS Demo', module)
 .add('Hello', () => ejs.renderFile('../views/partials/title'))

У меня установлены ejs и @storybook/html через npm, и я считаю, что у меня есть все другие необходимые пакеты.

После запуска npm run storybook я вижу следующие предупреждения и сообщения об ошибках: 

WARNING in ./node_modules/ejs/lib/ejs.js 903:4-22
require.extensions is not supported by webpack. Use a loader instead.
 @ ./stories/index.js 4:0-22 39:49-52
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/core/dist/server/config/polyfills.js ./node_modules/@storybook/core/dist/server/config/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true

WARNING in ./node_modules/ejs/lib/ejs.js 904:2-20
require.extensions is not supported by webpack. Use a loader instead.
 @ ./stories/index.js 4:0-22 39:49-52
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/core/dist/server/config/polyfills.js ./node_modules/@storybook/core/dist/server/config/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true

ERROR in ./node_modules/ejs/lib/ejs.js
Module not found: Error: Can't resolve 'fs' in '/Users/lhuddlesto/Documents/Tip Calculator/node_modules/ejs/lib'
 @ ./node_modules/ejs/lib/ejs.js 47:9-22
 @ ./stories/index.js
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/core/dist/server/config/polyfills.js ./node_modules/@storybook/core/dist/server/config/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true

Может ли кто-нибудь предоставить больше информации о том, что означают эти загадочные сообщения об ошибках?

Мне интересно, как этот EJS может быть скомпилирован в HTML, который Storybook может читать и отображать.renderFile не правильный метод для использования?Я просмотрел некоторые документы, доступные по www.ejs.co , но они не очень помогли.

...