craco.config.js

/* eslint-disable camelcase */
const { sentryWebpackPlugin } = require('@sentry/webpack-plugin')
const WebpackHookPlugin = require('webpack-hook-plugin')
const WebpackBar = require('webpackbar')

const { resolve } = require('path')

const SentryPlugin = sentryWebpackPlugin({
  org: process.env.SENTRY_ORG || 'codecov',
  project: process.env.REACT_APP_SENTRY_PROJECT || 'gazebo',
  authToken: process.env.SENTRY_AUTH_TOKEN,
  release: {
    name: process.env.GAZEBO_SHA,
    deploy: {
      env: process.env.REACT_APP_SENTRY_ENVIRONMENT || process.env.NODE_ENV,
    },
  },
})

module.exports = {
  webpack: {
    devtool: 'source-map',
    configure: {
      entry: './src/index.tsx',
    },
    alias: {
      layouts: resolve(__dirname, 'src/layouts'),
      ui: resolve(__dirname, 'src/ui'),
      old_ui: resolve(__dirname, 'src/old_ui'),
      pages: resolve(__dirname, 'src/pages'),
      shared: resolve(__dirname, 'src/shared'),
      services: resolve(__dirname, 'src/services'),
      mocks: resolve(__dirname, 'src/layouts'),
      assets: resolve(__dirname, 'src/assets'),
      'custom-testing-library': resolve(
        __dirname,
        'src/custom-testing-library'
      ),
      config: resolve(__dirname, 'src/config'),
      sentry: resolve(__dirname, 'src/sentry'),
    },
    plugins: [
      ...(process.env.SENTRY_AUTH_TOKEN ? [SentryPlugin] : []),
      ...(process.env.NODE_ENV === 'development'
        ? [
            new WebpackBar({ color: '#FF6600' }),
            new WebpackHookPlugin({
              onBuildStart: ['npx @spotlightjs/spotlight'],
            }),
          ]
        : []),
    ],
  },
  jest: {
    configure: {
      moduleNameMapper: {
        '^layouts/(.*)$': '<rootDir>/src/layouts/$1',
        '^ui/(.*)$': '<rootDir>/src/ui/$1',
        '^old_ui/(.*)$': '<rootDir>/src/old_ui/$1',
        '^pages/(.*)$': '<rootDir>/src/pages/$1',
        '^shared/(.*)$': '<rootDir>/src/shared/$1',
        '^services/(.*)$': '<rootDir>/src/services/$1',
        '^mocks/(.*)$': '<rootDir>/src/mocks/$1',
        '^assets/(.*)$': '<rootDir>/src/assets/$1',
        '^custom-testing-library': '<rootDir>/src/custom-testing-library',
        '^config': '<rootDir>/src/config',
        '^sentry': '<rootDir>/src/sentry',
      },
    },
  },
}