将Storybook与Nunjucksnjk集成

如何解决将Storybook与Nunjucksnjk集成

我正尝试在我的nunjucks项目中添加故事书。我的组件采用njk格式。 我收到以下错误-

您可能需要适当的加载程序来处理此文件类型，当前没有配置任何加载程序来处理此文件。参见https://webpack.js.org/concepts#loaders

这是我的故事书代码-

export default {
  title: 'Header',};

import  Head  from './header.njk';

export const Top = () => {
  return Head;
};

由于故事书在其Github网站上不支持nunjucks，因此我也在寻找我的nunjucks组件的故事书替代品。

感谢您的帮助

解决方法

您应该使用自定义的webpack配置设置故事书，其中应该包含一些用于nunjucks的webpack加载器。

在官方文档中查看更多 https://storybook.js.org/docs/react/configure/webpack