@ort-fe/react18-verify-code/.storybook/main.js

基于React和canvas的验证码

const path = require('path');
module.exports = {
  webpackFinal: async config => {
    config.module.rules.push({
      test: /\.(ts|tsx)$/,
      use: [
        {
          loader: require.resolve('ts-loader'),
        },
        // Optional
        {
          loader: require.resolve('react-docgen-typescript-loader'),
          options: {
            shouldExtractLiteralValuesFromEnum: true,
            propFilter: (prop) =>
              prop.parent ? !/node_modules/.test(prop.parent.fileName) : true
          }
        },
      ],
    });
    config.resolve.extensions.push('.ts', '.tsx');
    config.resolve.alias['react18-verify-code'] = path.resolve('src')
    return config;
  },
  stories: ['../stories/**/*.stories.tsx'],
  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
  typescript: {
    reactDocgen: 'none',
  },
};