---
title: "Discussion on \"Vite or Webpack? Why not both?\" | Hashnode"
description: "Discussion on \"Vite or Webpack? Why not both?\". My journey of increasing the development productivity of the entire team"
url: "https://hashnode.com/posts/vite-or-webpack-why-not-both/638d9637fd9018cd0a308a5f"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Vite or Webpack? Why not both?](https://kirilla.hashnode.dev/vite-or-webpack-why-not-both?utm_source=hashnode&utm_medium=feed)

My journey of increasing the development productivity of the entire team

Dec 5, 2022 · 4 min read · kirilla.hashnode.dev  
Updated Dec 15, 2022  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#webpack](https://hashnode.com/tag/webpack)
-   [#vite](https://hashnode.com/tag/vite)
-   [#build-tool](https://hashnode.com/tag/build-tool)
-   [#performance](https://hashnode.com/tag/performance)

## Written by

[Kirill](https://hashnode.com/@kirilla)

@kirilla

  
[View profile](https://hashnode.com/@kirilla)

Professional Software Engineer & Consultant

My name is Kirill, and I'm a professional software engineer, entrepreneur, and consultant with over 15 years of experience. I specialize in web development but also have great experience in backend development. I have a deep understanding of architecture and design principles. I can develop any large-scale application and consult about UI/UX aspects of the project. I also have extensive experience in mobile development, including both iOS and Android platforms (developed about 10+ mobile applications) I'm a highly motivated individual who is always looking for ways to improve my knowledge and skills. I take great pride in my work, and I'm always willing to go the extra mile to ensure the success of any project I'm involved in. In my blog, I will share my knowledge about best coding practices and innovative architectural solutions.

## Responses 6

Markdown supported · ⌘↵ to post

[Andrew Baisden](https://hashnode.com/@andrewbaisden)

[Jan 5, 2023](https://hashnode.com/posts/vite-or-webpack-why-not-both/638d9637fd9018cd0a308a5f/comment/63b70f90f7b8ce96c16c9fbd)

Great read! I started to use Vite a lot more lately alongside Next and both are so good for React projects.

[Lucas B](https://hashnode.com/@lucasb)

[Dec 6, 2022](https://hashnode.com/posts/vite-or-webpack-why-not-both/638d9637fd9018cd0a308a5f/comment/638fa1a0d8d8c9aa28bd1d11)

Nice write up. First snag I've hit is jsx support in a react project. Does your project not use jsx?

[Kirill](https://hashnode.com/@kirilla)

[Dec 7, 2022](https://hashnode.com/posts/vite-or-webpack-why-not-both/638d9637fd9018cd0a308a5f/comment/638fa1a0d8d8c9aa28bd1d11#reply-638fdfb4895a9daa034fedf4)

My project is using jsx and tsx in all the places

[Lucas B](https://hashnode.com/@lucasb)

[Dec 7, 2022](https://hashnode.com/posts/vite-or-webpack-why-not-both/638d9637fd9018cd0a308a5f/comment/638fa1a0d8d8c9aa28bd1d11#reply-638fe8ef895a9daa034fee8c)

[Kirill Aizenberg](https://hashnode.com/@kirilla) oh okay.. it just seems the config you posted in the article is missing all of that. Would you mind updating the config snippet?

[PARAM MITTAL](https://hashnode.com/@parammittal16)

[Dec 6, 2022](https://hashnode.com/posts/vite-or-webpack-why-not-both/638d9637fd9018cd0a308a5f/comment/638f3403d8d8c9aa28bd0ec1)

Why not just ["Turbopack"](https://turbo.build/pack)?

[Kirill](https://hashnode.com/@kirilla)

[Dec 6, 2022](https://hashnode.com/posts/vite-or-webpack-why-not-both/638d9637fd9018cd0a308a5f/comment/638f3403d8d8c9aa28bd0ec1#reply-638f3759895a9daa034fddc5)

Turbopack is a relatively new build tool compared to Vite, so I would not recommend using it in the near future. Also, there are no significant differences between the two of them, both of them very fast.

[Vivek Sharma](https://hashnode.com/@vivsh)

[Dec 5, 2022](https://hashnode.com/posts/vite-or-webpack-why-not-both/638d9637fd9018cd0a308a5f/comment/638db8b8e1b2c5a7b174fd88)

While migrating to vite there are many errors coming my way like file type must be jsx instead of js. But even after renaming it throws other hard to debug errors. Can you help?

[Kirill](https://hashnode.com/@kirilla)

[Dec 6, 2022](https://hashnode.com/posts/vite-or-webpack-why-not-both/638d9637fd9018cd0a308a5f/comment/638db8b8e1b2c5a7b174fd88#reply-638e9782d8d8c9aa28bcfa80)

Hi, yes, I would like to help. What is the best way to contact you? Thanks

[Vivek Sharma](https://hashnode.com/@vivsh)

[Dec 6, 2022](https://hashnode.com/posts/vite-or-webpack-why-not-both/638d9637fd9018cd0a308a5f/comment/638db8b8e1b2c5a7b174fd88#reply-638ea0c1d8d8c9aa28bcfb32)

Thanks a lot [Kirill Aizenberg](https://hashnode.com/@kirilla) , you can reach me on twitter (@vivsh1999).

[Favourite Jome](https://hashnode.com/@Favourite)

[Dec 5, 2022](https://hashnode.com/posts/vite-or-webpack-why-not-both/638d9637fd9018cd0a308a5f/comment/638db0ea64b7288d8d8e6e1e)

Now, this is something I'll love to try out!

So would Webpack still be in the codebase and could you safely remove it, once you've completely moved to Vite?

[Kirill](https://hashnode.com/@kirilla)

[Dec 5, 2022](https://hashnode.com/posts/vite-or-webpack-why-not-both/638d9637fd9018cd0a308a5f/comment/638db0ea64b7288d8d8e6e1e#reply-638dbcd04a96bb8fda43af8d)

Hi, yes, at first, you can use both of them. If, after some time, you see there are no issues with Vite, you can remove Webpack altogether.

[Favourite Jome](https://hashnode.com/@Favourite)

[Dec 5, 2022](https://hashnode.com/posts/vite-or-webpack-why-not-both/638d9637fd9018cd0a308a5f/comment/638db0ea64b7288d8d8e6e1e#reply-638dda654a96bb8fda43b37a)

Okay, thanks [Kirill Aizenberg](https://hashnode.com/@kirilla)
