vite相较于webpack（vue-cli）的优点

vite相比较于webpack在开发模式下不需要打包重加载，使用的是原生的es模块加载规则

所以在开发模式下会超级vite

这里说到的webpack打包不是npm run build 而是相较于规则路由的路径对修改的文件进行差异化的build，build之后会把之前的存在的包进行替换，所以会消耗一定的时间

生产环境真的需要打包吗？

如果各个浏览器都可以按照统一的模块化规则，统一的加载方式，是不需要打包的。

vite如果使用不打包会影响数据资源请求的时间吗？

打包最大的好处就是合并代码，将文件合并，减少服务器对各个文件的请求，大大减少请求时间，但是vite可以使用不打包方式，也不会影响服务器对文件的大量请求从而造成阻塞

这是因为vite中提供server.https配置项启用 TLS和http2 http2可以提供多路复用

HTTP/2对同一域名下所有请求都是基于流，也就是说同一域名不管访问多少文件，也只建立一路连接。相比较于http会减少，同时会压缩头部，所以 不会造成比较大的请求延迟。

槽点： 使用vite开发，会极大的增加开发的效率。而相对于普通的webpack进行打包压缩并没有什么优势，对开发人员及其友好。

1.周边开发配套还是相对于较少，生态环境还在不断的更新和迭代， 但是vite现在对低端浏览器不支持，同时对于很多语法并不支持

require

项目中使用图片路径在html中使用并不能直接显示，需要使用require将图片进行引入，console就会出现require is not defind， 因为require是node提供的语法，而vite使用的是原生的es Model模块加载，所以并不识别require 现在需要一个个去 import imgurl from './img.png' 引入静态资源

或者在public文件夹中设置一个专用的img文件夹，将图片或者静态资源放进去，vite打包不会改变public文件夹，所以引用的的时候按照相对路径即可

总结：目前vite社区生态相较于webpack还是较弱，所以还需要各个大佬和各位同仁共同试错，多发现问题，完善vite生态和环境。毕竟开发一个小型的项目并使用不了webpack这种体量的构建工具。未来会属于vite