合集-Vite学习笔记

vite初体验
摘要：### 构建工具是什么 ![image](https://img2023.cnblogs.com/blog/2615695/202307/2615695-20230702110232353-1921048215.png) ### 构建工具作用 ![image](https://img2023.cnb 阅读全文
posted @ 2023-07-02 10:53 yunChuans 阅读(84) 评论(0) 推荐(0)
vite依赖预构建
摘要：### 前言 当你首次启动 vite 时，Vite 在本地加载你的站点之前预构建了项目依赖。默认情况下，它是自动且透明地完成的。 ``` import _ from 'loadsh' export const count = 999 ``` 为什么能找到loadsh？vite在处理过程中，如果看到了 阅读全文
posted @ 2023-07-02 13:10 yunChuans 阅读(162) 评论(0) 推荐(0)
postcss前世今生
摘要：### postcss用处 - 语法降级 - 前缀补全 - 编译less，scss等文件 ![image](https://img2023.cnblogs.com/blog/2615695/202307/2615695-20230703214921170-1942721193.png) ### 安装 阅读全文
posted @ 2023-07-03 22:04 yunChuans 阅读(69) 评论(0) 推荐(0)
vite插件
摘要：### 插件是什么？ ![image](https://img2023.cnblogs.com/blog/2615695/202307/2615695-20230709114654976-686784425.png) ### vite常用插件 **vite-aliases** 帮忙生成@别名 ![i 阅读全文
posted @ 2023-07-09 19:07 yunChuans 阅读(65) 评论(0) 推荐(0)
性能优化前瞻
摘要：### 概述 - 开发时构建速度优化 - 首屏渲染优化 - js逻辑优化 - css优化 - 生产构建优化 ### 开发时构建速度优化 ![image](https://img2023.cnblogs.com/blog/2615695/202307/2615695-20230717212259478 阅读全文
posted @ 2023-07-17 21:39 yunChuans 阅读(52) 评论(0) 推荐(0)
vite生产优化
摘要：### 分包策略 由于浏览器的分包策略，静态资源名相同，就不会重新请求（可以清除浏览器缓存）。当我们稍微修改业务代码，就会重新打包文件，但是一些第三方包其实是没有修改的，他们也一起被打包进一个文件了，所以需要分包。 **看个示例：** 咱们引入lodash，然后main.js中写入一点逻辑。 ``` 阅读全文
posted @ 2023-07-17 22:18 yunChuans 阅读(267) 评论(0) 推荐(0)
CDN加速
摘要：### 概念 ![image](https://img2023.cnblogs.com/blog/2615695/202307/2615695-20230731232819307-714936275.png) 当我们在使用一些第三方包的时候，势必会导包到我们自己的服务器上，会增加代码体积，同时距离你 阅读全文
posted @ 2023-07-31 23:32 yunChuans 阅读(52) 评论(0) 推荐(0)
配置proxy代理
摘要：在vite.config.ts中进行如下配置 ``` server: { // http://localhost:5173/api/login -> http://www.test.com/login proxy: { //api是自行设置的请求前缀，任何请求路径以/api开头的请求将被代理到对应的 阅读全文
posted @ 2023-08-01 21:39 yunChuans 阅读(137) 评论(0) 推荐(0)