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](https://github.com/privatenumber/minification-benchmarks)**
![benchmark](https://i.imgur.com/QD8tGY9.png)
Por padrão o Vite usa **[esbuild](https://esbuild.github.io/)** e permite trocar para **[terser](https://github.com/terser/terser)** que nos resultados e com objetivos claros de buildar no menor tamanho possível, **[terser](https://github.com/terser/terser)** é o vencendor!

---

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

---

# Configurações

Após instalar o **[terser](https://github.com/terser/terser)** podemos configura-lo.

![](https://i.imgur.com/UEPmMaa.png)
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://github.com/terser/terser)**.

---

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

---

[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 modi...