Brunch vs Grunt vs Webpack

Why migrated?

I could define the next points why we have to migrate:

• Decrease build time of our application. (It was the main cause).
• Also jspm install takes much more time than npm install.
• Many config files for SystemJS and JSPM. For Webpack you can use just one main config file, and you can use some separate config files for specific builds using inheritance and merge them.

The developer experience Webpack gave us was not delighting anyone. It works and is stable and consistent. It is also slow and frustrating. We decided to check out Vite as an alternative when moving to Vue 3 and have been amazed. It is very early in development and there are plenty of rough edges, but it has been a breath of fresh air not waiting for anything to update. It is so fast we have found ourselves using devtools in browser less because changing styles is just as fast in code. We felt confident using the tool because although it is early in its development, the production build is still provided by Rollup which is a mature tool. We also felt optimistic that as good as it is right now, it will only continue to get better, as it is being worked on very actively. So far we are really happy with the choice.

Very simple to use and a great way to optimize repetitive tasks, like optimize PNG images, convert to WebP, create sprite images with CSS.

I didn't choose Grunt because of the fact it uses files and Gulp uses memory, making it faster for my use case since I need to work with 3000+ small images. And the fact Gulp has 32k+ stars on GitHub.