text: // you can use this file to add your custom webpack plugins, loaders and anything you like.
  // This is just the basic way to add additional webpack configurations.
  // For more information refer the docs: https://storybook.js.org/configurations/custom-webpack-config
  
  // IMPORTANT
  // When you add this file, we won't add the default configurations which is similar
  // to "React Create App". This only has babel loader to load JavaScript.
  
  const path = require('path')
  const PROJECT_DIRECTORY = path.resolve(__dirname, '..', '..')
  
  module.exports = {
    plugins: [
      // your custom plugins
    ],
    module: {
      rules: [
        {
          test: /\.(ts|tsx)$/,
          use: [
            {
              loader: 'ts-loader',
              options: {
                configFile: path.resolve(PROJECT_DIRECTORY, 'tsconfig.json'),
              },
            },
          ],
          exclude: /node_modules/,
        },
        {
          test: /\.css$/,
          use: [
            'style-loader',
            {
              loader: 'css-loader',
              options: {
                modules: true,
                importLoaders: 1,
                camelCase: false,
                localIdentName: `[hash]_[local]`,
              },
            },
            {
              loader: 'postcss-loader',
              options: {
                config: {
                  path: path.resolve(PROJECT_DIRECTORY, 'config', 'postcss.config.js'),
                },
              },
            },
          ],
        },
      ],
    },
    resolve: {
      extensions: ['.ts', '.tsx', '.js', '.json', '.css'],
    }
  };
  