如何使用webpack手动testing反应组件?

我知道我们应该对我们的reactjs组件使用unit testing。 但是我也想要的是一些独立手动testing组件的方法 。 因为我们正在研究小型冲刺,我们必须在首先使用该组件的页面之前交付一些完成的组件。 我希望看到完整的组件真的能够工作(即testing与CSS和子组件的集成)。

因此,首先我想看看在黑色页面中呈现的新组件不直接需要该组件,而是从查询string参数中获取该组件名称/path。 然后,我打算在该页面添加一些通用组件configuration(例如,带有json的文本框,表示要传递给该组件的道具)。

我现在面临的第一个问题是如何configurationwebpack , webpack-dev-middleware或webpack-dev-server ,以便能够加载通过parameter passing的组件。

任何人都知道如何? 或者更好的方法来处理这个?

我会尝试这样的事情:

  1. 设置一个使用require.context的入口点。
  2. 根据查询string在该上下文中调用require 。 你现在应该有你的React组件。 通过React渲染。

为了生成testing控件,我将使用JSON模式将组件包含在组件中。 然后可以使用某些表单生成器(如丛forms或tcombforms)生成表单控件。