Vite Build Configuration to generate minified files

Question

I am developing a vite-vue application.

vite build command minifies the ts and css/scss and places them in dist/main-xxxxxx.js and dist/main-xxxxxx.css and correctly linked with dist/index.html.

But it does not modify the file name to main-xxxxxx.min.js and main-xxxxxx.min.css

How can I modify the vite.config.ts to get the filenames renamed as main-xxxxxx.min.js and main-xxxxxx.min.css?

My vite.config.ts is as follows

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  build: { sourcemap: true },
  css: { devSourcemap: true },
  plugins: [vue()],
  resolve: {
    alias: [{ find: '@', replacement: '/src' }],
  },
})

Thanks in advance!!!