@rozsazoltan thanks for the answer. i just tried the suggested code and found it's not working
lightningcss.Targets expects numbers as valuestargets option the way the docs suggested using baseline newly available and baseline 2023 to test the build, but it was not workingimport { defineConfig } from 'vite';
import tailwindcss from '@tailwindcss/vite';
import { browserslistToTargets } from 'lightningcss';
import browserslist from 'browserslist';
export default defineConfig({
plugins: [tailwindcss()],
css: {
lightningcss: {
// did not help
targets: browserslistToTargets(browserslist('baseline newly available')),
},
},
});
the problem is in fact in lightningcss so i just switched to esbuild (do not forget to install esbuild as dev dependency)
import { defineConfig } from 'vite';
import tailwindcss from '@tailwindcss/vite';
export default defineConfig({
plugins: [tailwindcss()],
build: {
cssMinify: 'esbuild',
},
});