webpackBaseConfig.js

const path = require('path');

// WARNING: Use this module only as an inspiration.
// Cherry-pick the parts you need and inline them in the webpack.config you need.
// This module isn't used to build the documentation. We use Next.js for that.
// This module is used by the visual regression tests to run the demos and by eslint-plugin-import.
module.exports = {
  context: path.resolve(__dirname),
  resolve: {
    modules: [__dirname, 'node_modules'],
    alias: {
      '@mui/material': path.resolve(__dirname, './packages/mui-material/src'),
      '@mui/docs': path.resolve(__dirname, './packages/mui-docs/src'),
      '@mui/icons-material': path.resolve(__dirname, './packages/mui-icons-material/lib'),
      '@mui/lab': path.resolve(__dirname, './packages/mui-lab/src'),
      '@mui/styled-engine': path.resolve(__dirname, './packages/mui-styled-engine/src'),
      '@mui/styled-engine-sc': path.resolve(__dirname, './packages/mui-styled-engine-sc/src'),
      '@mui/styles': path.resolve(__dirname, './packages/mui-styles/src'),
      '@mui/system': path.resolve(__dirname, './packages/mui-system/src'),
      '@mui/private-theming': path.resolve(__dirname, './packages/mui-private-theming/src'),
      '@mui/core': path.resolve(__dirname, './packages/mui-core/src'),
      '@mui/utils': path.resolve(__dirname, './packages/mui-utils/src'),
      '@mui/material-next': path.resolve(__dirname, './packages/mui-material-next/src'),
      '@mui/joy': path.resolve(__dirname, './packages/mui-joy/src'),
      'typescript-to-proptypes': path.resolve(__dirname, './packages/typescript-to-proptypes/src'),
      docs: path.resolve(__dirname, './docs'),
    },
    extensions: ['.js', '.ts', '.tsx', '.d.ts'],
  },
};