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!!!