Настройка React Styleguidist с помощью Next.js и Typescript - PullRequest
Новая
       31

Настройка React Styleguidist с помощью Next.js и Typescript

0 голосов
/ 13 марта 2019

Я пытаюсь настроить React styleguidist с помощью next.js и машинописного текста, но продолжаю сталкиваться с проблемами. Мой текущий styleguide.config.js выглядит так: 

const path = require('path');

module.exports = {
  components: './components/**/*.tsx',
  propsParser: require('react-docgen-typescript').withCustomConfig('./tsconfig.json', {
    propFilter: { skipPropsWithoutDoc: true },
  }).parse,
  webpackConfig: {
    resolve: {
      alias: {
        static: path.join(__dirname, 'static'),
        lib: path.join(__dirname, 'lib'),
      },
    },
    module: {
      rules: [
        {
          test: /\.(ts|tsx)$/,
          exclude: /node_modules/,
          use: [
            {
              loader: 'ts-loader',
            },
            {
              loader: 'babel-loader',
            },
          ],
        },
        {
          test: /\.(png|jpg|gif|svg)$/,
          use: [
            {
              loader: 'file-loader',
              options: {
                outputPath: 'images',
              },
            },
          ],
        },
      ],
    },
  },
};

Если у меня просто базовый компонент с базовым jsx, все работает, но как только я хочу назначить реквизиты, например, для стилизованных компонентов, машинопись начинает жаловаться. Также вызывает проблемы импорт из-за пределов папки components. Может кто-нибудь подскажет мне пример того, как они это настроили?

...