[Vite] Como otimizar ainda mais o seu projeto!

Olá pessoal! ultimamente ando trabalhando em um projeto que usa svelte + vite, onde eu quero buildar a aplicação no menor tamanho possível (por perfomance!) e pra isso foi necessário modificar algumas configurações.


Terser

privatenumber/minification-benchmarks benchmark Por padrão o Vite usa esbuild e permite trocar para terser que nos resultados e com objetivos claros de buildar no menor tamanho possível, terser é o vencendor!


https://vitejs.dev/config/build-options.html#build-minify ↑↑↑ documentação para instalar o terser.


Configurações

Após instalar o terser podemos configura-lo.

Minha configuração ficou assim! acredito que tirando a propiedade keep_fargs se encaixaria na maioria dos projetos, mas recomendo olhar a documentação do terser.


https://terser.org/docs/api-reference#parse-options ↑↑↑ recomendo dar uma olhada e configurar da maneira ideal ao projeto.