Achong999的博客

总结：vite的特点: 快速的冷启动,不需要等待打包 即时的热模块更新 真正的按需编译,不用等待整个项目编译完成.2.查看我们的路由模式，将路由模式修改为createWebHashHistory。解决方法：1.在我们vite.config.js文件中检查是否有路径的指向。问题：vite vue3项目打包部署上线后，发现是空白页面问题的处理。

所以，就在 1920*1080 的屏幕分辨率下，计算出了单个 div 的宽高 当屏幕放大或者缩小时，div 还是以 vw 和 vh 作为宽高的，就会自动适应不同分辨率的屏幕。我们都知道 网页宽度=100vw 网页宽度=100vh 所以，在 1920px*1080px 的屏幕分辨率下 1920px = 100vw 1080px = 100vh。这样一来，以一个宽 300px 和 200px 的 div 来说，其所占的宽高，以 vw 和 vh 为单位，如果是vite.config.ts得这样配置。

我的项目是用vue3.0.x+ vite2.4.x + ts 4.3.x版本开发的，引入一些elementui,axios,vuex等插件，用npm run build 打包的时候报了一大堆错，后来发现原来是vue-tsc --noEmit && vite build的问题。关于vue3.0 + vite + ts 打包的坑。