反应故事书加载csv文件

Question

我有一个关于如何在 React 故事书框架中加载静态文件的快速问题。目前，我按照create-react-app中的说明制作了一本故事书。

现在，我正在尝试加载一个包含一些数据以进行可视化的 csv 文件。为此，我按照here 的说明将 csv 文件放在 public 文件夹下。

但是，我无法加载文件。有什么建议吗？

Answer 1

故事书提供的默认 webpack 配置不允许导入 csv 文件；它仅支持示例中的图像等媒体文件。

您需要做的是使用 Extend Mode 将此自定义加载器 dsv-loader 添加到您的故事书 webpack 配置中。然后，您将能够将 csv 数据作为 javascript 对象导入。