What are the differences between vite and wenpack?

1、vite When running, it is better than webpack It's a lot faster .

2、 Why fast ？ because weebpack During operation , Is to package the whole project , and vite In fact, it is only necessary to pack temporarily .

3、Vite With Native ESM Mode service source code . This is actually getting the browser to take over part of the work of the wrapper ：Vite You just need to convert when the browser requests the source code and provide the source code on demand . Code imported dynamically according to the situation , That is, it will only be processed when it is actually used on the current screen .
4、Vite Will use esbuild Pre built dependencies .Esbuild Use Go To write , And compared with Node.js The prepackaged dependency of the written packer is fast 10-100 times .

Vite Problems faced
1、 Ecology is not as good as webpack,wepback What's so compelling is loader and plugin A very rich , But anything is not absolute, and there is still a long way to go .
2、prod The construction of the environment , Current Rollup, The reason lies in esbuild about css And code segmentation are not very friendly .
3、 It has not been used on a large scale , Many problems or demands are not really exposed , With Vue3 The rapid spread of ,Vite It should be first considered by everyone soon .