vite.config.ts

import react from '@vitejs/plugin-react';
import { resolve } from 'path';
import cssModules from 'rollup-plugin-react-scoped-css';
import { defineConfig } from 'vite';

export default defineConfig({
  css: {
    preprocessorOptions: {
      scss: {
        quietDeps: true,
      },
    },
  },
  plugins: [react(), cssModules()],
  resolve: {
    alias: {
      assets: resolve(__dirname, 'src/assets'),
      components: resolve(__dirname, 'src/components'),
      dtos: resolve(__dirname, 'src/dtos'),
      hooks: resolve(__dirname, 'src/hooks'),
      pages: resolve(__dirname, 'src/pages'),
      services: resolve(__dirname, 'src/services'),
      style: resolve(__dirname, 'src/style'),
      utilities: resolve(__dirname, 'src/utilities'),
    },
  },
  server: {
    fs: {
      strict: true,
    },
    proxy: {
      // put url for the API here
      // '/api': {
      //   target: 'https://localhost:5001',
      //   secure: false
      // }
    },
  },
});