React и Storybook работают с файлами TSX и MDX - PullRequest
Новая
       16

React и Storybook работают с файлами TSX и MDX

1 голос
/ 20 марта 2020

Я забираю проект с пользовательской настройкой, используя React, Next JS и Storybook. Я пытаюсь добавить TypeScript и использовать как "x.stories.tsx", так и "x.stories.mdx" для историй (storybook-addon-docs). У меня работают файлы TSX, но MDX жалуются на использование загрузчика. Нужен ли мне специфический загрузчик c для файлов MDX и если да, то что? Чтение вокруг людей говорит, что это должно работать по умолчанию .... но это не так. Я предполагаю, что он использует "awesome-typescript-loader", чтобы попытаться загрузить файл MDX, но любая помощь будет хорошей.

webpack.config. js 

module.exports = ({ config }) => {
  config.module.rules.push({
    test: /\.(ts|tsx)$/,
    use: [
      {
        loader: require.resolve('awesome-typescript-loader'),
        options: {
          configFileName: './.storybook/tsconfig.json'
        }
      }
    ]
  });
  config.resolve.extensions.push('.ts', '.tsx');
  return config;
};

config.ts 

import { configure, addParameters } from '@storybook/react';

const req = require.context('../src/components', true, /\.stories\.(tsx|mdx)$/);

function loadStories() {
  req.keys().forEach(req);
}

configure(loadStories, module);
...