mister-webdev / movie-app

vite.config.ts

import { defineConfig } from 'vite'

import reactRefresh from '@vitejs/plugin-react-refresh'

import tsconfigPaths from 'vite-tsconfig-paths'

import { visualizer } from 'rollup-plugin-visualizer'


/*

 *  https://vitejs.dev/config/

 */


export default defineConfig({

  esbuild: {

    jsxInject: `import React from 'react'`,

  },

  plugins: [

    reactRefresh({

      exclude: [/\.stories\.(t|j)sx?$/, /node_modules/],

      include: '**/*.tsx',

    }),

    tsconfigPaths(),

  ],

  resolve: {

    alias: {

      '@': require('path').resolve(__dirname, 'src'),

Require statement not part of import statement.

    },

  },

  envPrefix: 'APP',

  server: {

    fs: {

      strict: false,

    },

  },

  build: {

    target: 'esnext',

    rollupOptions: {

      plugins: [

        visualizer({

          gzipSize: true,

          brotliSize: true,

        }),

      ],

    },

  },

})