在node_modules包中的故事书中显示PropTypes信息

时间:2019-08-14 15:07:59

标签: reactjs typescript webpack storybook

我维护两个存储库,其中一个包含故事书和故事,另一个包含组件。

我试图显示propTypes的组件是用Typescript编写的,就像这样

export class Component<T> extends Component<IProps<T>, IState>

我也有默认导出。

我的webpack.config.js是

const path = require("path");
module.exports = ({ config }) => {
  config.module.rules.push({
    test: /\.(ts|tsx)$/,
    use: [
      {
        loader: require.resolve("awesome-typescript-loader")
      },
      {
        loader: require.resolve("react-docgen-typescript-loader")
      }
    ]
  });
  config.resolve.extensions.push(".ts", ".tsx");
  config.resolve.alias = {
    "../fetch/Ajax": path.resolve(__dirname, '../mocks/MockAjax.ts')
  }
  return config;
};

在编译过程中,tsc将创建.d.ts和.js文件,这些文件将安装在我的故事书存储库中的node_modules中。

如何获取react-docgen-typescript-loader以正确加载原型?当前唯一返回的是我设置的defaultProps。

0 个答案:

没有答案