将 Storybook 与 Nunjucks (njk) 集成答案

【问题标题】：Integrating Storybook with Nunjucks (njk)将 Storybook 与 Nunjucks (njk) 集成
【发布时间】：2020-12-02 22:45:24
【问题描述】：

我正在尝试在我的 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 组件的故事书的替代品。

感谢您的帮助

【问题讨论】：

【解决方案1】：

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

【讨论】：