vite踩坑之预构建

vite用的爽是爽，但是坑是真的多。

vite使用es module来使它变得更快，现在大多浏览器与依赖也都支持es module，但是仍然有一小部分浏览器或依赖是不支持的，这是值得注意的。

对于依赖而言，vite有预构建功能，使传统的commonjs编译为es module，但是引入依赖时还是要注意是es module依赖还是commonjs依赖。比如在socket.io-client@2.1.1这个依赖中预构建是有问题的，socket连接连不上去，遇到这样的问题只能自己手动构建引入或者使用线上的CDN了，比如BootCDN。