我有以下react-day-picker组件:
import React from 'react'
import DayPicker from 'react-day-picker'
import 'react-day-picker/lib/style.css'
const Calendar = () => {
return (
<DayPicker />
)
}
export default Calendar
及其故事文件:
import React from 'react'
import {storiesOf} from '@storybook/react'
import Calendar from './Calendar'
storiesOf('Calendar', module)
.add('basic', () => <Calendar />)
和非常简单的故事书配置:
import {configure} from '@storybook/react'
configure(require.context('../src', true, /\.stories\.js$/), module);
但是,在本地运行应用程序时出现的字体不会出现在故事书中。
我试图将style.css
导入config.js或故事文件中,但是没有运气。
我什至试图在故事书的自定义Webpack配置中添加加载程序,但这也不起作用。
在我的本地应用程序中,字体是从正文继承的(屏幕截图)。 在故事书中,虽然存在(如果使用硬代码,它可以工作的字体家族),则不是。
在故事书的屏幕快照中,主体选择器未与fon系列声明一起出现,但所有其他样式都可以通过。