Vite is not minifying output files

[Mister-Hope]

Here is a log where I run vite build or vite build --mode=production

> @waline/[email protected] build /home/mister-hope/projects/waline/packages/admin
> vite build --mode=production

vite v4.0.2 building for production...
✓ 178 modules transformed.
dist/style.css     55.34 kB │ gzip:  19.86 kB
dist/admin.mjs  1,042.26 kB │ gzip: 248.67 kB

And my config file:

import { resolve } from 'node:path';
import react from '@vitejs/plugin-react';

import { defineConfig } from 'vite';
import { version } from './package.json';
import reiconify from 'vite-plugin-reiconify';

export default defineConfig({
  define: {
    VERSION: JSON.stringify(version),
  },

  plugins: [react(), reiconify()],

  build: {
    lib: {
      entry: resolve(__dirname, 'src/index.jsx'),
      formats: ['es'],
    },
  },

  server: {
    port: 9010,
    proxy: {
      '/token': 'http://localhost:9090',
      '/user': 'http://localhost:9090',
    },
  },
});

However the output code is not minified:

This does be my first time using vite lib mode, and when deleting build.lib, the output files containing index.html, has a minified js file.

Does anyone know what's going wrong? If it is a bug I believe someone would report this to vite, however I am not finding one. So probably there is somthing wrong with my configuration?

[chenxch]

build.minify

Note the build.minify option does not minify whitespaces when using the 'es' format in lib mode, as it removes pure annotations and breaks tree-shaking.

you can use terser

[Abdillah]

Should the "as it removes pure annotations and breaks tree-shaking" reason included in the documentation?

[ghost]

Hello guys, how exactly do you use terser? I added terser to my dev dependencies & to build.minify, now its does the opposite of minifying, i.e, does not only preserve whitespaces but even long varaible names, my bundle size has reached 1MB. can anyone help?

[sourcecaster]

Yeah... Vite minification for ESM lib is still broken. Default minifier does not minify whitespaces (as was mentioned before) and terser simpy does not minify it at all.

[thomasjm]

Is there an issue tracking this somewhere?

[shah-newaz]

Any news on this? So frustrating.. I mean, a bundler that's specifically built for modern frameworks cannot minify them is so strange. They are releasing new versions without fixing the most important issue it seems?

[konstantinblaesi]

This workaround using a plugin works for me